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>
<p><strong>NEW in v1.2.0:</strong> Enhanced Repeater now works with <strong>ACF Free</strong>! No need for ACF Pro anymore.</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>
<h4>Hooks & Filters</h4>
<p>Coming in v1.3.0 – Custom hooks for advanced developers.</p>
<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>
<h3>Support This Plugin</h3>
<p>If you find this plugin helpful, please:<br />
* Rate it 5 stars on WordPress.org<br />
* Share it with other WordPress developers<br />
* <a href="https://uxdesignexperts.com/donate/" rel="nofollow ugc">Donate</a> to support development<br />
* Follow us on <a href="https://twitter.com/uxdexperts" rel="nofollow ugc">Twitter</a></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.

rajivlodhia

<p>A new field type for Advanced Custom Fields (ACF) that allows you to place multiple markers and choose multiple locations all on a single map field, resulting in a cleaner admin UI, better user experience for the CMS user and fewer Google Map API loads. The field will display the address for each map marker below the map so it’s even more manageable.</p>
<p>This field type solves the problem of only being able to select one location with the standard ACF Google Map field.<br />
To choose multiple locations, you’d normally be required to use a repeater field with a Google Map field in it. This can quickly become chaotic and difficult to keep track of/manage.</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* ACF 5</p>
<h3>Usage Instructions</h3>
<p>On the new Google Maps (Multiple Markers) field, you can:<br />
– LEFT CLICK on the map to place a new marker<br />
– RIGHT CLICK on a marker to remove it<br />
– CLICK AND DRAG a marker around on the map<br />
– SEARCH for a place or address in the search box<br />
– HOVER over an address in the address list below the map to see which pin it corresponds to<br />
– LEFT CLICK on the trash icon on a row in the address list to remove it’s corresponding marker.</p>
<h3>Google Maps API</h3>
<p>Your Google Maps API key will need the following APIs enabled:<br />
– Geocoding API<br />
– Places API<br />
– Maps JavaScript API</p>
<h3>Credits</h3>
<p>This is a modified/enhanced version of the standard ACF Google Map plugin, so some of the Javascript code derives from the original field. Credit for the original of this ACF field goes to the developers of Advanced Custom Fields.</p>


ACF: Google Maps Field (Multiple Markers)

Anything that Rajiv works on is solid. He's a great programmer and knows how to solve problems. This is a very straightforward plugin that solves a straightforward missing feature inside of ACF.

Excellent plugin

An advanced Google Maps field for ACF that allows you to add multiple markers/pins to a single map field.

Advanced Gallery & Repeater Fields for ACF vs ACF: Google Maps Field (Multiple Markers)