{"id":13961,"date":"2019-08-21T10:24:02","date_gmt":"2019-08-21T10:24:02","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=13961"},"modified":"2023-04-10T13:52:46","modified_gmt":"2023-04-10T13:52:46","slug":"jetengine-how-to-create-a-gallery-using-dynamic-repeater-widget","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-create-a-gallery-using-dynamic-repeater-widget\/","title":{"rendered":"How to Showcase the Gallery Meta Field Type via the Dynamic Repeater Widget"},"content":{"rendered":"\n

Creating Meta Box<\/strong><\/h2>\n\n\n\n
\n

First of all, we go to the JetEngine > Meta Boxes<\/strong> section in the WordPress Dashboard and create a meta box with a repeater meta field.<\/p>\n\n\n\n\"gallery\n<\/div><\/div>\n\n\n\n

Enriching Repeater Field<\/strong><\/h2>\n\n\n\n
\n

Then, open the Tour<\/strong> custom post type and enrich the repeater field of the post with the media files.<\/p>\n\n\n\n\"fill\n<\/div><\/div>\n\n\n\n

Creating Listing with JetEngine<\/strong><\/h2>\n\n\n\n
\n

Now we create a listing in the JetEngine > Listing<\/strong> block in the WP Dashboard. Specify the Listing source: Posts<\/strong> and the From post type: Tour<\/strong>.<\/p>\n\n\n\n\"tour\n<\/div><\/div>\n\n\n\n

Using Dynamic Repeater Widget<\/strong><\/h2>\n\n\n\n
\n

When the Elementor<\/strong> editor opens, we find the Dynamic Repeater<\/strong> widget and drop it in the appropriate section on the page for displaying the images from the gallery repeater field.<\/p>\n\n\n\n\"dynamic\n<\/div><\/div>\n\n\n\n

Setting Widget<\/strong><\/h2>\n\n\n\n
\n

In the Content<\/strong> block of the widget\u2019s settings, we select the created repeater field in the Source<\/strong> field and insert the %gallery|img_gallery_grid%<\/strong> macros in the box below specifying our name of the repeater meta field (repeater_gallery<\/strong>) instead of the gallery<\/strong>.<\/p>\n\n\n\n\"dynamic\n<\/div><\/div>\n\n\n\n