{"id":25549,"date":"2022-01-09T05:40:00","date_gmt":"2022-01-09T05:40:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=25549"},"modified":"2023-02-24T10:43:46","modified_gmt":"2023-02-24T10:43:46","slug":"how-to-choose-the-type-of-posts-to-display-in-the-gutenberg-blocks","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-choose-the-type-of-posts-to-display-in-the-gutenberg-blocks\/","title":{"rendered":"How to Choose the Type of Posts to Display in the Gutenberg Blocks"},"content":{"rendered":"\n
\n

With the JetProductGallery<\/em><\/a> plugin, you can display pictures in different layouts with the help of four widgets. There\u2019s an opportunity to choose the source to get the image from in each widget. This plugin is compatible with the Gutenberg editor, and this tutorial will show how to add widgets from the WordPress gallery plugin to your website via the Gutenberg blocks.<\/p>\n\n\n\n

Proceed to any page or post you want to provide with the gallery and click to edit it. After that, hit the \u201cToggle block inserter<\/strong>\u201d button (it is a blue square with the white plus inside it).<\/p>\n\n\n\n\"toggle\n\n\n\n

Navigate to the JetGallery<\/strong> section, and you will see the blocks for the JetProductGallery<\/strong> plugin: Gallery Anchor Nav<\/a>, <\/strong>Gallery Grid<\/strong><\/a>, Gallery Modern<\/strong>, <\/strong>and Gallery Slider<\/a>.<\/strong><\/p>\n\n\n\n\"jetproductgallery\n<\/div><\/div>\n\n\n\n

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

We will present you the general JetProductGallery<\/strong> plugin settings on the example of the Gallery Grid<\/strong><\/a> block. You can select the three available options in the Source <\/strong>field.<\/p>\n\n\n\n

Manual Input<\/strong><\/h3>\n\n\n\n

If you select the \u201cManual Input\u201d option, you need to press the \u201cSelect Gallery Images\u201d <\/strong>button.<\/p>\n\n\n\n\"gallery\n\n\n\n

You can choose pictures for the gallery by uploading or selecting them from the Media Library. <\/strong>Then click on the \u201cCreate a new gallery\u201d <\/strong>button.<\/p>\n\n\n\n\"create\n\n\n\n

You can change the order of images and edit the Attachment details <\/strong>in the Edit gallery <\/strong>window. Then hit the \u201cInsert gallery\u201d <\/strong>button.<\/p>\n\n\n\n\"edit\n\n\n\n

WooCommerce Products<\/strong><\/h3>\n\n\n\n

If you want to display the WooCommerce product gallery, select the \u201cWooCommerce Products\u201d in the Source <\/strong>field. Enter the product ID you need to show on the post or page in the Product ID <\/strong>field.<\/p>\n\n\n\n\"woocommerce\n\n\n\n

To find out the product ID, go to the Products <\/strong>tab and place the mouse cursor on the needed product.<\/p>\n\n\n\n\"woocommerce\n\n\n\n

Post Types<\/strong><\/h3>\n\n\n\n

Be aware that the next option works only on the Single Post, where the gallery meta field is. You can create such a meta field with the JetEngine<\/a> <\/em>plugin.<\/p>\n\n\n\n

Select the \u201cPost Types\u201d option in the Source <\/strong>field and enter the key (or name in other words) of the gallery meta field in the Gallery Key <\/strong>field.<\/p>\n\n\n\n\"post\n\n\n\n

Also, General <\/strong>settings include four toggles:<\/p>\n\n\n\n