{"id":13984,"date":"2019-08-21T10:19:10","date_gmt":"2019-08-21T10:19:10","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=13984"},"modified":"2023-04-10T13:44:07","modified_gmt":"2023-04-10T13:44:07","slug":"jetengine-how-to-display-media-files-with-dynamic-repeater-widget","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/","title":{"rendered":"How to Display Media Files with the Dynamic Repeater Widget"},"content":{"rendered":"\n

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

First of all, we create the Tour Details<\/strong> meta box, enable it for the Tour<\/strong> custom post type, and set the needed adjustments in the General Settings<\/strong> tab in the JetEngine > Meta Boxes<\/strong> block in the WordPress Dashboard.<\/p>\n\n\n\n\"tour\n<\/div><\/div>\n\n\n\n

Adding Meta Field<\/strong><\/h2>\n\n\n\n
\n

Now we add necessary meta fields by clicking the New Meta Field<\/strong> button in the Meta fields<\/strong> tab below. One of the custom meta fields is called the Tour<\/strong> program. We specify its label<\/strong>, name\/ ID<\/strong>, and select the Field<\/strong> object type. In the Field<\/strong> type, we choose the Repeater<\/strong> option and add the Image<\/strong> repeater field.<\/p>\n\n\n\n\"the\n<\/div><\/div>\n\n\n\n

Enriching Meta Field with Content<\/strong><\/h2>\n\n\n\n
\n

Then, we proceed to edit the Tour program<\/strong> custom meta field of the posts included in the Tour<\/strong> custom post type. Click the Edit<\/strong> button under a certain post, and the settings window will occur right here. In the Tour Details block, we find the Tour program field and add the pdf file with detailed information about the particular tour. Save the changes by clicking the Update<\/strong> button in the right corner.<\/p>\n\n\n\n\"filling\n<\/div><\/div>\n\n\n\n

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

The next step is creating the Tours<\/strong> new listing, which is enriched with relevant information about the tour using JetEngine<\/strong> dynamic widgets. We add the Dynamic Image<\/strong> widget for displaying the image, the Dynamic Link,<\/strong> and the Dynamic Field<\/strong> for showing the name and price of the tour.<\/p>\n\n\n\n\"listing\"\n\n\n\n

To showcase the tour program, we use the Dynamic Repeater widget. In the Content block of the widget\u2019s settings, we select the Source “<\/strong>The tour program” (the name of the custom meta field) and insert the macros: <a href=%img|file_url_by_id% target=”_blank” rel=”noopener noreferrer”>The tour program <\/a> <\/strong>“, where img<\/strong> – the repeater field name and the tour program<\/strong> – the text, which will be displayed in the listing.<\/p>\n\n\n\n\"dynamic\n<\/div><\/div>\n\n\n\n

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

The last step is to display the listing via the Listing Grid<\/strong> widget. Open the Tours<\/strong> page in Elementor<\/strong> and drop the widget to a certain section. In the Content > General block of the widget\u2019s settings, we select the created listing in the Listing<\/strong> field and adjust other needed adjustments.<\/p>\n\n\n\n\"listing\n<\/div><\/div>\n\n\n\n

Viewing Listing on Frontend<\/strong><\/h2>\n\n\n\n

Save the changes and view the listing on the front end. Click the The tour program field, and the program will be downloaded in a pdf format.<\/p>\n\n\n\n

Now you can provide users with downloadable media files with the help of the JetEngine<\/strong> plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"

Continue reading this tutorial if you want to learn how to display varied media files using JetEngine Dynamic Repeater widget.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[390],"yoast_head":"\nHow to add Media Files with Dynamic Repeater Widget \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Using JetEngine Dynamic Repeater widget you can show media files on pages and allow users to download them in a few clicks.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add Media Files with Dynamic Repeater Widget \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Using JetEngine Dynamic Repeater widget you can show media files on pages and allow users to download them in a few clicks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-10T13:44:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/tour-details-meta-box.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/\",\"name\":\"How to add Media Files with Dynamic Repeater Widget \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-08-21T10:19:10+00:00\",\"dateModified\":\"2023-04-10T13:44:07+00:00\",\"description\":\"Using JetEngine Dynamic Repeater widget you can show media files on pages and allow users to download them in a few clicks.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Display Media Files with the Dynamic Repeater Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add Media Files with Dynamic Repeater Widget \u2014 JetEngine | Crocoblock","description":"Using JetEngine Dynamic Repeater widget you can show media files on pages and allow users to download them in a few clicks.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/","og_locale":"en_US","og_type":"article","og_title":"How to add Media Files with Dynamic Repeater Widget \u2014 JetEngine | Crocoblock","og_description":"Using JetEngine Dynamic Repeater widget you can show media files on pages and allow users to download them in a few clicks.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/","og_site_name":"Help Center","article_modified_time":"2023-04-10T13:44:07+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/tour-details-meta-box.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/","name":"How to add Media Files with Dynamic Repeater Widget \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-08-21T10:19:10+00:00","dateModified":"2023-04-10T13:44:07+00:00","description":"Using JetEngine Dynamic Repeater widget you can show media files on pages and allow users to download them in a few clicks.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-media-files-with-dynamic-repeater-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Display Media Files with the Dynamic Repeater Widget"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/13984"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=13984"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=13984"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=13984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}