#
Usage Guide
This guide will walk you through the complete process of setting up and using the Dynamic Elementor ACF Repeater plugin.
#
Step 1: Create an ACF Repeater Field
Navigate to Custom Fields > Add New
Create a new field group
Creating ACF Repeater Field Group Add a Repeater field to the group
Add sub-fields to the repeater (e.g., text, image, etc.)
Set the location rules for where this field group should appear
Assign to Post Type
#
Step 2: Populate the Repeater Fields
- Edit a post or custom post type where your ACF Repeater field is available
- Locate the ACF Repeater field in the editor and add entries to the repeater, filling out the sub-fields as needed
Populate Repeater Fields
#
Step 3: Create a Loop Item Template
Creating Loop Items
Before adding dynamic content, you must select the ACF Repeater field in the Elementor Loop Item Page Settings
In Elementor, go to Templates > Add New > Loop Item
Open the Elementor Settings panel and look for the "ACF Repeater Loop Items" section
Select the ACF Repeater field group you want to use.
Select Repeater Field Configure the preview settings for the loop item
Configure Preview Settings Build and design your loop item template using Elementor widgets
Use the ACF Repeater Dynamic Tags to assign your repeater fields:
#
Using Dynamic Tags
#
Text and Content Fields
When working with text-based content:
- Edit any text widget in your template
- Click the Dynamic Tags icon
- Look for the "ACF Repeater" section
- Choose "ACF Repeater Text" and select your field
Select Dynamic Tag for Text
#
Images and Backgrounds
For image content or background images:
- For regular images, use the Image widget with ACF Repeater Image tag
- For background images on sections or containers:
Select Dynamic Tag for Background
#
Original Post Title
To display the title of the post containing the repeater field:
- Edit any text widget in your template
- Click the Dynamic Tags icon
- Look for "ACF Repeater Original Post Title" under the ACF section
- Select it to display the original post's title
#
Step 4: Set Up the Loop Grid Widget
In your Elementor template, add the Loop Grid widget and select your Loop Item template in the layout section.
Configure the grid preview settings
Set Grid Preview In the widget's Query settings:
- Toggle on "Use ACF Repeater"
- Select your ACF Repeater field
- In source, select the post type containing your repeater fields
Use ACF Repeater Query
Set display conditions as needed
Set Display Conditions
#
Final Result
Once properly configured, your Loop Grid will display all your repeater items using your custom template:
#
Preview and Publish
- Preview your template to check the ACF Repeater data display
- Make any necessary adjustments
- Publish your template when satisfied