Dynamic Gallery Block

Query Addon

Blog Staff

February 19, 2023

This block is similar to the core gallery but dynamically retrieves data from custom meta.

Currently, it has the next supported formats for fields.

Array of URLs

Example of field storage

['link_image.jpg','link_image2.jpg','link_image3.jpg']

Array of attachment ids

[199,32,5355]

Array of image objects (ACF gallery type)

[ 1 => [imagearray], 2 => [imagearray2] ]

Post images

This type will get all images which are attached to post

Also, you can enable Lighbox and Slider type for images.

Dynamic Gallery field supports post context, so, you can use it inside Query builder and in Repeater blocks

Gallery Block supports many design variants, you can set custom output template for each image. Also, you can assign inline videos and Youtube, Vimeo, 3d (gltf and glb, splinecode). Check design examples and instructions in description of Gallery Block

Copy this post’s content

<!-- wp:paragraph -->
<p>This block is similar to the core gallery but dynamically retrieves data from custom meta.</p>
<!-- /wp:paragraph -->

<!-- wp:embed {"url":"https://youtu.be/oimMsePA8vk","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://youtu.be/oimMsePA8vk
</div></figure>
<!-- /wp:embed -->

<!-- wp:paragraph -->
<p>Currently, it has the next supported formats for fields.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Array of URLs</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Example of field storage</p>
<!-- /wp:paragraph -->

<!-- wp:code -->
<pre class="wp-block-code"><code>['link_image.jpg','link_image2.jpg','link_image3.jpg']</code></pre>
<!-- /wp:code -->

<!-- wp:paragraph -->
<p><strong>Array of attachment ids</strong></p>
<!-- /wp:paragraph -->

<!-- wp:code -->
<pre class="wp-block-code"><code>[199,32,5355]</code></pre>
<!-- /wp:code -->

<!-- wp:paragraph -->
<p><strong>Array of image objects (ACF gallery type)</strong></p>
<!-- /wp:paragraph -->

<!-- wp:code -->
<pre class="wp-block-code"><code>[ 1 => [imagearray], 2 => [imagearray2] ]</code></pre>
<!-- /wp:code -->

<!-- wp:paragraph -->
<p><strong>Post images</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>This type will get all images which are attached to post</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Also, you can enable Lighbox and Slider type for images.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Dynamic Gallery field supports post context, so, you can use it inside <a href="https://greenshiftwp.com/query-builder/" data-type="post" data-id="2253">Query builder</a> and in <a href="https://greenshiftwp.com/repeater-builder/" data-type="post" data-id="2714">Repeater blocks</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Gallery Block supports many design variants, you can set custom output template for each image. Also, you can assign inline videos and Youtube, Vimeo, 3d (gltf and glb, splinecode). Check design examples and instructions in description of <a href="https://greenshiftwp.com/gallery-block/" data-type="post" data-id="2823">Gallery Block</a></p>
<!-- /wp:paragraph -->