{"id":25440,"date":"2025-07-24T14:59:38","date_gmt":"2025-07-24T14:59:38","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=25440"},"modified":"2025-07-24T15:00:26","modified_gmt":"2025-07-24T15:00:26","slug":"how-to-add-images-to-the-gallery-grid-block-manually","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-add-images-to-the-gallery-grid-block-manually\/","title":{"rendered":"How to Add Images to the Gallery Grid Block Manually"},"content":{"rendered":"\n

The Gallery Grid<\/strong><\/a> <\/strong>block of the JetProductGallery<\/em><\/a> lets you organize selected images in a grid layout on your WordPress site. In this tutorial, we\u2019ll show you how to add and configure the block on a page built with the Gutenberg editor.<\/p>\n\n\n\n

To get started, open the page where you want to insert the Gallery Grid<\/strong> block. For this example, we\u2019ll use manually selected images as the content source.<\/p>\n\n\n\n

General Settings<\/h2>\n\n\n\n

Add the Gallery Grid <\/strong>block and choose the needed SOURCE<\/strong>: \u201cPost Types,\u201d \u201cManual Select,\u201d or \u201cWooCommerce Products.\u201d In our case, we select the \u201cManual Select\u201d option.<\/p>\n\n\n\n

\"gallery<\/a><\/div>\n\n\n\n

The \u201cSelect Gallery Images<\/strong>\u201d button appears. Click on it and define pictures that will be used in the grid. You can upload images by proceeding to the Upload files <\/strong>tab or pick already uploaded ones from the Media Library<\/strong>.<\/p>\n\n\n\n

\"gallery<\/a><\/div>\n\n\n\n

Besides, in the Edit gallery <\/strong>tab, you can drag and drop images to change their order.<\/p>\n\n\n\n

After implementing all the changes, push the \u201cInsert\/Update gallery<\/strong>\u201d button.<\/p>\n\n\n\n

\"gallery<\/a><\/div>\n\n\n\n

Video<\/h3>\n\n\n\n

With the Enable Video<\/strong> toggle, you can add a video to the gallery. It contains such settings:<\/p>\n\n\n\n

\"gallery<\/a><\/div>\n\n\n\n