Advanced Gallery & Repeater Fields for ACF vs Repeaters & Relationships Connector with ACF for Elementor

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

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