Repeater Builder - Greenshift

Blog Staff

March 15, 2023

This kind of block is similar to Query Loop Builder but it’s used to retrieve values from repeatable blocks and related items from post itself rather than making loop of post items.

Here are just few examples where it can be used

Attaching repeatable offers to Product pages
Attaching related items from other post types (accessories, reviews)
Attaching related items from the same post type
Making cross links between different post types
Listing repeatable items or attached Groups from custom fields
Rendering data from ACF repeater fields and repeater field types of third party plugins
Rendering Relationship type of fields
Making custom Taxonomy archives
Making custom offer templates for Content Egg plugin

This block supports Arrays, multi-dimensional arrays of data, arrays of post objects and single post object. Next types are available for data storage

ACF Repeater field
ACPT Repeater field
Arrays that are saved in custom fields from other plugins (repeater, groups)
Relationship Post objects (for example, ACF-related posts which are saved as post objects
Relationship Post Ids (for example, ACF-related posts which are saved as post ids)
Taxonomy

Design options from Query Builder are also supported. You can set column numbers, merge, span columns, add borders, shadows, spacing, colors, etc.

You can also convert repeatable items to slider.

The principles of work for repeater builder are very simple. You select the field where you store your repeater data, then, click to edit your grid and add/map your blocks with auto-detected data from fields.

Inside the repeater builder, you can use any blocks, but there are some dynamic blocks that support retrieving repeated values

Dynamic Title (for titles)
Dynamic Image (for image)
Meta getter (universal block for getting different kinds of data. It also has support for custom prefixes, postfixes, icons, and data conversion to different formats).
Progress bar (in scenarios if you want to format data as lines, circle bars, etc)
Video block
Gallery Block
Repeater builder (for nested repeater fields)

This block can be used also inside Query Builder so you can make nested loops inside your items.

Check video

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

<p>This kind of block is similar to <a href="https://greenshiftwp.com/query-builder/" data-type="post" data-id="2253">Query Loop Builder</a> but it's used to retrieve values from repeatable blocks and related items from post itself rather than making loop of post items.</p>

<p>Here are just few examples where it can be used</p>

<ol>
<li>Attaching repeatable offers to Product pages</li>

<li>Attaching related items from other post types (accessories, reviews)</li>

<li>Attaching related items from the same post type</li>

<li>Making cross links between different post types</li>

<li>Listing repeatable items or attached Groups from custom fields</li>

<li>Rendering data from ACF repeater fields and repeater field types of third party plugins</li>

<li>Rendering Relationship type of fields</li>

<li>Making custom Taxonomy archives</li>

<li>Making custom offer templates for Content Egg plugin</li>
</ol>

<p>This block supports Arrays, multi-dimensional arrays of data, arrays of post objects and single post object. Next types are available for data storage</p>

<ol>
<li>ACF Repeater field</li>

<li>ACPT Repeater field</li>

<li>Arrays that are saved in custom fields from other plugins (repeater, groups)</li>

<li>Relationship Post objects (for example, ACF-related posts which are saved as post objects</li>

<li>Relationship Post Ids (for example, ACF-related posts which are saved as post ids)</li>

<li>Taxonomy</li>
</ol>

<p>Design options from Query Builder are also supported. You can set column numbers, merge, span columns, add borders, shadows, spacing, colors, etc.</p>

<p>You can also convert repeatable items to slider.</p>

<p>The principles of work for repeater builder are very simple. You select the field where you store your repeater data, then, click to edit your grid and add/map your blocks with auto-detected data from fields.</p>

<div class="wp-block-greenshift-blocks-video gs-video video gspb_video-id-gsbp-fe95348b-f5db" id="gs-video-gsbp-fe95348b-f5db"><div class="gs-video-wrapper" itemscope><div class="gs-video-element" data-src="https://greenshiftwp.com/wp-content/uploads/2023/03/repeater.mp4" data-autoplay="false" data-playsinline="false" data-controls="true" data-loop="false" data-mute="false" data-poster="" data-provider="video" data-overlay="false" data-lightbox="false"></div></div></div>

<p>Inside the repeater builder, you can use any blocks, but there are some dynamic blocks that support retrieving repeated values</p>

<ol>
<li>Dynamic Title (for titles)</li>

<li>Dynamic Image (for image)</li>

<li>Meta getter (universal block for getting different kinds of data. It also has support for custom prefixes, postfixes, icons, and data conversion to different formats). </li>

<li>Progress bar (in scenarios if you want to format data as lines, circle bars, etc)</li>

<li>Video block</li>

<li>Gallery Block</li>

<li>Repeater builder (for nested repeater fields)</li>
</ol>

<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-086fb344-bb7e" id="gspb_infoBox-id-gsbp-086fb344-bb7e"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text">
<p>This block can be used also inside Query Builder so you can make nested loops inside your items.</p>
</div></div></div>

<p>Check video </p>

<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/K62P8EjsQlo
</div></figure>