Repeater Builder

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 is 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

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
Arrays that are saved in custom fields (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)

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 repeater builder you can use any blocks, but there are some dynamic blocks which support retrieving repeated values

Dynamic Title (for titles)
Dynamic Image (for image)
Meta getter (universal block for getting different kind of data. it has also support for custom prefix, postfix, icons, 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> <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 is 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> </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>Arrays that are saved in custom fields (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> </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 repeater builder you can use any blocks, but there are some dynamic blocks which 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 kind of data. it has also support for custom prefix, postfix, icons, 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 id="gspb_infoBox-id-gsbp-086fb344-bb7e" class="gspb_infoBox gspb_infoBox-id-gsbp-086fb344-bb7e wp-block-greenshift-blocks-infobox"> <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> <p>