mrwweb

Aaron Rutley

The Repeater and Flexible Content Field features make ACF really powerful, but if you have more than a few fields with either, they becomes unwieldy to sort. This plugin collapses each instance of the repeated fields—only for the “Row” layout—to allow for easy sorting.
To help identify each repeater field group when collapsed, the first field of each repeated field group is shown. See the <a href="https://wordpress.org/plugins/advanced-custom-field-repeater-collapser/screenshots/" rel="ugc">screenshots</a> for an example.
Requirements:
<ul>
<li><a href="https://wordpress.org/extend/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> 4.X AND one or both of the <a href="http://www.advancedcustomfields.com/add-ons/repeater-field/" rel="nofollow ugc">Repeater Field</a> or <a href="http://www.advancedcustomfields.com/add-ons/flexible-content-field/" rel="nofollow ugc">Flexible Content Field</a> paid add-ons</li>
<li>ACF 5.X PRO</li>
<li>Both ACF 4.X and ACF 5.X: Use the Row Layout</li>
</ul>
Other contributors:
<ul>
<li><a href="https://github.com/mrwweb" rel="nofollow ugc">mrwweb</a></li>
<li><a href="https://profiles.wordpress.org/brasofilo/" rel="nofollow ugc">brasofilo</a></li>
<li><a href="https://profiles.wordpress.org/weskoop/" rel="nofollow ugc">weskoop</a></li>
<li><a href="https://github.com/philiphetue" rel="nofollow ugc">philiphetue</a></li>
<li><a href="https://github.com/robneu" rel="nofollow ugc">robneu</a></li>
</ul>

Advanced Custom Fields Repeater & Flexible Content Fields Collapser

My client asked for this exact functionality for a repeater field that has a ton of subfields. The plugin works PERFECTLY and has a much more polished UI than I would have had time to throw together. Thank you so much for this!!



EXACTLY what I needed!

Easier sorting for large repeated fields in the Advanced Custom Fields plugin.

soliddigital

This plugin allows you to use ACF Repeater and ACF Relationship fields as data sources for Elementor’s Loop Grid widget.
Key Features:
<ul>
<li>New Data Sources: Adds “ACF Repeater” and “ACF Relationship” to the Source dropdown in the Loop Grid’s Query tab.</li>
<li>Use Repeater Data: Select any ACF Repeater field from the current post/page to power your Loop Grid.</li>
<li>Use Relationship Data: Select any ACF Relationship field to create a grid of related posts in your Loop Grid.</li>
<li>Repeater Sub-Field Tag: A dedicated dynamic tag to easily pull and display data (text, images, etc.) from any sub-field within your repeater.</li>
<li>Relationship Sub-Field Tag: A dynamic tag to display data from the related posts, such as the post title, content, featured image, and permalink.</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>Elementor</li>
<li>Elementor Pro</li>
<li>Advanced Custom Fields Pro (The Repeater and Relationship fields are ACF Pro features)</li>
</ul>
<h3>Usage</h3>
1. Configure the Loop Grid
<ol>
<li>Add an Elementor Loop Grid widget to your page.</li>
<li>In the widget settings, go to the Query tab.</li>
<li>From the Source dropdown, select “ACF Repeater” or “ACF Relationship”.</li>
<li>A new dropdown will appear below the Source. Select the specific ACF field you wish to use as the data source for the grid.</li>
<li>Create or select a template for your loop item.</li>
</ol>
2. Displaying Data in Your Loop Template (ACF Repeater)
<ol>
<li>Edit the Elementor template you are using for your loop item.</li>
<li>Add any standard widget, such as a Heading, Text Editor, or Image widget.</li>
<li>Click the Dynamic Tags icon next to a field.</li>
<li>Scroll to the “ACF Connector” group and select the ACF Repeater Sub Field tag.</li>
<li>Click on the tag name again to open its settings.</li>
<li>In the Sub Field dropdown, select the specific sub-field you want to display. The fields are grouped by repeater name for clarity.</li>
</ol>
Note that the preview within the template will not display the sub-field data. This is expected behavior because no applicable preview data can be set in Elementor.
3. Displaying Data in Your Loop Template (ACF Relationship)
<ol>
<li>Edit the Elementor template you are using for your loop item.</li>
<li>Your template will be supplied with a standard WordPress Post object, so just create your template as you normally would.</li>
</ol>

Repeaters & Relationships Connector with ACF for Elementor

Connect Elementor Pro's Loop Grid to Advanced Custom Fields (ACF) Pro Repeater and Relationship fields.

Advanced Custom Fields Repeater & Flexible Content Fields Collapser vs Repeaters & Relationships Connector with ACF for Elementor