sympl

<p><strong>ACF Repeater For Elementor</strong> bridges the gap between Advanced Custom Fields (ACF) Pro repeater functionality and Elementor’s visual builder. This powerful plugin allows you to create dynamic, repeatable content sections without complex coding.</p>
<h3>Important! Doesn’t work with elementor widget cache feature (Need to be turned off)</h3>
<h3>🚀 Key Features</h3>
<ul>
<li><strong>Easy Integration</strong>: Connect ACF repeater fields directly with Elementor widgets</li>
<li><strong>Dynamic Content</strong>: Automatically populate Elementor elements with ACF repeater data</li>
<li><strong>Flexible Usage</strong>: Works with columns, sections, and individual widgets</li>
<li><strong>Legacy Compatible</strong>: Maintains backward compatibility with existing implementations</li>
<li><strong>Hide Widget on Empty Fields</strong>: Hide elements and containers based on empty ACF fields conditions</li>
</ul>
<h3>🎯 Perfect For</h3>
<ul>
<li>Dynamic testimonial sections</li>
<li>Portfolio galleries</li>
<li>FAQ accordions</li>
<li>Team member listings</li>
<li>Product showcases</li>
<li>Any repeatable content structure</li>
</ul>
<h3>📋 Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>Elementor (free version)</li>
<li>Elementor Pro (Optional but recommended for full features)</li>
<li>Advanced Custom Fields (ACF) Pro</li>
</ul>
<h3>How To Use</h3>
<h3>Usage</h3>
<ol>
<li><strong>Create ACF Repeater Field</strong>: Set up your repeater field in ACF with sub-fields</li>
<li><strong>Select the repeater</strong>: In Elementor, widget, section or ACF Repeater loop set the ACF repeater field
<ul>
<li>You will be able to select the repeater field from ‘Advanced’ settings tab in the Elementor editor</li>
</ul>
</li>
<li><strong>Insert Field Placeholders</strong>: Use <code>#field_name</code> syntax within your content
<ul>
<li>Replace <code>field_name</code> with your ACF sub-field names</li>
</ul>
</li>
<li><strong>Publish</strong>: The plugin automatically replaces placeholders with repeater data</li>
</ol>
<h3>Example Implementation</h3>
<p><strong>ACF Repeater Setup:</strong><br />
– Repeater name: <code>team_members</code><br />
– Sub-fields: <code>member_name</code>, <code>member_role</code>, <code>member_bio</code></p>
<p><strong>Elementor Setup:</strong><br />
– Select the field in the Advanced settings for a container: <code>team_members</code><br />
– Content: <code>#member_name</code>, <code>#member_role</code>, <code>#member_bio</code> as a Heading widget or Text Editor widget</p>
<h3>Special Features</h3>
<p><strong>Accordion/Toggle Support:</strong><br />
Add new Accordion widget to the page, set the ACF Repeater field in the widget’s advanced settings, and use the sub-field names as placeholders as described above.</p>
<p>The plugin will automatically structure these for accordion/toggle widgets.</p>
<h3>Hide Widget on Empty ACF Fields</h3>
<p>You can now hide widgets based on empty ACF fields. Follow these steps:</p>
<ol>
<li><strong>Select the Widget</strong>: Choose the widget you want to hide if an ACF field is empty.</li>
<li><strong>Advanced Settings</strong>: Go to the ‘Advanced’ settings tab in Elementor editor.</li>
<li><strong>Hide on Empty Field</strong>: Enable the option to hide the widget if an ACF field is empty.</li>
<li><strong>Choose Field</strong>: Select the ACF field you want to check for emptiness.</li>
</ol>
<p>The widget will be hidden if the selected ACF field is empty.</p>
<h3>Legacy Usage</h3>
<p>For backward compatibility, the old class naming convention is still supported:<br />
– Setup by old class name: <code>repeater_</code> for the widget or container<br />
– Same placeholder syntax: <code>#field_name</code></p>
<h3>Supported Field Types</h3>
<ul>
<li>Text fields</li>
<li>URL fields</li>
<li>WYSIWYG Editor content</li>
<li>Accordion/Toggle content (with specific field names)</li>
</ul>
<p><strong>Note</strong>: Currently optimized for Elementor native elements. Third-party widgets may require additional configuration.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit our <a href="https://wordpress.org/support/plugin/sympl-repeater-for-acf-and-elementor/" rel="ugc">support forum</a> or contact us directly.</p>
<p><strong>Pro Tip</strong>: Always test new repeater implementations on a staging site before deploying to production!</p>
<h3>Donate</h3>
<p>Do you enjoy using ACF Repeater For Elementor? Consider supporting the development of this plugin with a donation.<br />
Your contributions help us maintain and improve the plugin for everyone.</p>
<p><a href="https://www.paypal.com/donate/?hosted_button_id=GD9PZHTB5PBR8" rel="nofollow ugc">Donate link</a></p>


Sympl Repeater for ACF and Elementor


Once you understand how to use it, it's wonderful!



I've made a tutorial on my French blog if you need it.


Great plugin, lack of comprehensive instructions

Seamlessly integrate ACF Repeater fields with Elementor widgets and sections for dynamic, repeatable content blocks.

UX Design Experts

<p><strong>Advanced Gallery & Repeater Fields for ACF</strong> supercharges Advanced Custom Fields with two powerful field types that include built-in frontend display options. No coding required!</p>
<h4>Enhanced Gallery Field</h4>
<p>Transform your image galleries with professional layouts – no coding needed!</p>
<p><strong>Available Layouts:</strong><br />
* <strong>Grid</strong> – Responsive grid with customizable columns (1-6)<br />
* <strong>Masonry</strong> – Pinterest-style masonry layout<br />
* <strong>Carousel/Slider</strong> – Touch-enabled slider with autoplay, arrows, and dots<br />
* <strong>Justified</strong> – Flickr-style justified rows with perfect alignment<br />
* <strong>Lightbox</strong> – Built-in lightbox modal with thumbnails, keyboard navigation, and swipe support</p>
<p><strong>Gallery Features:</strong><br />
* WordPress Media Library integration<br />
* Drag & drop image reordering<br />
* Configurable image sizes<br />
* Lazy loading for performance<br />
* Caption support<br />
* Touch/swipe gestures<br />
* Keyboard navigation<br />
* Fully responsive</p>
<h4>📋 Enhanced Repeater Field</h4>
<p>Create beautiful repeating content sections with pre-built templates.</p>
<p>** Works with ACF Free & Pro!** – No ACF Pro required for admin editing.</p>
<p><strong>Available Layouts:</strong><br />
* <strong>List</strong> – Clean, simple list format<br />
* <strong>Grid/Cards</strong> – Modern card-based grid with images, titles, and CTAs<br />
* <strong>Table</strong> – Organized data table format<br />
* <strong>Accordion</strong> – Collapsible panels with ARIA accessibility<br />
* <strong>Tabs</strong> – Horizontal or vertical tabbed interface<br />
* <strong>Timeline</strong> – Vertical timeline with dates and markers</p>
<p><strong>Repeater Features:</strong><br />
* Visual admin interface (no ACF Pro needed!)<br />
* Add, remove, duplicate, and reorder rows<br />
* Field mapping for titles, content, images, links, and dates<br />
* ARIA accessibility support<br />
* Keyboard navigation<br />
* Responsive layouts<br />
* Customizable styling</p>
<h4>Key Features</h4>
<ul>
<li><strong>Works with ACF Free!</strong> – Both fields fully functional with free ACF</li>
<li><strong>Zero Coding</strong> – Configure everything in field settings</li>
<li><strong>Auto-Rendering</strong> – Use standard <code>the_field()</code> or <code>get_field()</code></li>
<li><strong>Fully Responsive</strong> – Mobile-friendly layouts</li>
<li><strong>Fast Performance</strong> – Optimized CSS and JS</li>
<li><strong>Accessible</strong> – ARIA labels and keyboard navigation</li>
<li><strong>WP All Import Compatible</strong> – Bulk import data from CSV/XML</li>
<li><strong>Developer Friendly</strong> – Helper functions and CSS variables for customization</li>
<li><strong>SEO Optimized</strong> – Semantic HTML markup</li>
<li><strong>Translation Ready</strong> – Full i18n support</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Photography portfolios</li>
<li>Product galleries</li>
<li>Team member listings</li>
<li>Testimonials</li>
<li>FAQs</li>
<li>Services showcases</li>
<li>Timeline histories</li>
<li>Feature comparisons</li>
<li>And much more!</li>
</ul>
<h4>WP All Import Compatibility</h4>
<p>Fully compatible with WP All Import Pro and the ACF Add-On:<br />
* Enhanced Gallery: Import comma-separated image IDs or URLs<br />
* Enhanced Repeater: Import JSON or serialized data<br />
* Automatic field type mapping<br />
* Bulk data migration support</p>
<h4>Usage Examples</h4>
<p><strong>Basic Usage:</strong></p>
<pre><code><?php
// Auto-renders based on field settings
the_field('my_gallery');
?>
</code></pre>
<p><strong>Helper Functions:</strong></p>
<pre><code><?php
// Manual rendering with full control
echo agrfuxd_render_enhanced_gallery('gallery_field', get_the_ID());
echo agrfuxd_render_enhanced_repeater('repeater_field', get_the_ID());
?>
</code></pre>
<p><strong>Custom Styling:</strong></p>
<pre><code>:root {
    --agrfuxd-columns: 4;
    --agrfuxd-gap: 20px;
    --agrfuxd-primary: #0073aa;
    --agrfuxd-radius: 10px;
}
</code></pre>
<h4>Browser Support</h4>
<ul>
<li>Chrome (latest)</li>
<li>Firefox (latest)</li>
<li>Safari (latest)</li>
<li>Edge (latest)</li>
<li>Mobile browsers (iOS Safari, Chrome Mobile)</li>
</ul>
<h3>Developer Documentation</h3>
<h4>Helper Functions</h4>
<p><strong>agrfuxd_render_enhanced_gallery( $field_name, $post_id )</strong><br />
Manually render an Enhanced Gallery field with its configured layout.</p>
<p>Parameters:<br />
* <code>$field_name</code> (string) – The field name or key<br />
* <code>$post_id</code> (int|null) – Post ID (defaults to current post)</p>
<p>Returns: (string) HTML output</p>
<p><strong>agrfuxd_render_enhanced_repeater( $field_name, $post_id )</strong><br />
Manually render an Enhanced Repeater field with its configured layout.</p>
<p>Parameters:<br />
* <code>$field_name</code> (string) – The field name or key<br />
* <code>$post_id</code> (int|null) – Post ID (defaults to current post)</p>
<p>Returns: (string) HTML output</p>
<h4>CSS Variables</h4>
<p>The plugin uses CSS custom properties for easy theming:</p>
<pre><code>:root {
    /* Layout */
    --agrfuxd-columns: 3;
    --agrfuxd-gap: 20px;

    /* Colors */
    --agrfuxd-primary: #2271b1;
    --agrfuxd-text: #1e1e1e;
    --agrfuxd-border: #ddd;
    --agrfuxd-bg: #f9f9f9;

    /* Design */
    --agrfuxd-radius: 8px;
    --agrfuxd-shadow: 0 2px 8px rgba(0,0,0,0.1);

    /* Transitions */
    --agrfuxd-transition: 0.3s ease;
}
</code></pre>
<h4>CSS Classes</h4>
<ul>
<li><code>.agrfuxd-gallery</code> – Gallery wrapper</li>
<li><code>.agrfuxd-gallery-grid</code> – Grid layout</li>
<li><code>.agrfuxd-gallery-masonry</code> – Masonry layout</li>
<li><code>.agrfuxd-gallery-carousel</code> – Carousel layout</li>
<li><code>.agrfuxd-repeater</code> – Repeater wrapper</li>
<li><code>.agrfuxd-repeater-grid</code> – Grid/cards layout</li>
<li><code>.agrfuxd-accordion</code> – Accordion layout</li>
<li><code>.agrfuxd-tabs</code> – Tabs layout</li>
<li><code>.agrfuxd-repeater-timeline</code> – Timeline layout</li>
</ul>
<h3>Privacy Policy</h3>
<p>This plugin does not collect, store, or transmit any user data. All content is stored locally in your WordPress database using standard ACF methods.</p>
<h3>Credits</h3>
<p>Developed by <a href="https://uxdesignexperts.com" rel="nofollow ugc">UXD Experts</a> – WordPress experts specializing in user experience and custom development.</p>


Advanced Gallery & Repeater Fields for ACF

Advanced ACF fields with built-in layouts. Works with free ACF! Gallery & Repeater fields with masonry, carousel, lightbox & more.

Sympl Repeater for ACF and Elementor vs Advanced Gallery & Repeater Fields for ACF