red line

Showing ACF Repeaters with Elementor

This Elementor plugin includes a powerful feature called the Loop Builder which allows you to display a list of posts by building the template repeated for each post with the familiar Elementor editor.
Repeaters & Relationships Connector with ACF for Elementor

Several enhancements have been added to the Loop Builder since its release, including looping over post terms, and filtering posts by terms.

However, one area that has not received support yet is looping over repeater meta fields, often created with plugins like Advanced Custom Fields (ACF). For example, a custom post type, Case Study, might have a repeater meta field, Stats, and each “stat” has a number, a short description, and an icon.

Currently, there is no way to loop over this list of stats with the Elementor Loop Builder. Let’s fix that. 

Repeater Connector Plugin

Here we have our repeater field filled with data:

case study fields and icons

Let’s take a look at how we can connect this repeater metadata to the Elementor single post template for case studies (the template used for the detail page of each case study). Spoiler Alert! We created a plugin to do exactly that! It’s called Repeaters & Relationships Connector with ACF for Elementor. Let’s take a look at how to use it. 

First we will need to add the Loop Grid widget to our single post template. Then for the Loop Grid Query settings we need to set the Source to “ACF Repeater”, and then select the Repeater Name, Stats.

adding the loop grid widget

Then in the Loop Item Template we can use a dynamic tag, ACF Repeater Sub Field, on Heading and Image widgets to pull in the repeater subfields, number, short description, and icon:

Loop Item Template heading

And with that we have our repeater metadata rendered with a Elementor Loop Grid. 

repeater meta data rendered with a Elementor Loop Grid

ACF Relationships

The plugin also supports ACF relationship fields. On the Loop Grid Query settings you’ll need to set the Source to ACF Relationship, and then select the Relationship Name. 

edit loop grid

And that’s it! Since the relationship field links standard WordPress objects such as posts, terms, and users, you can use the existing dynamic tags to display post/term/user data in the Loop Item Template. 

Display Repeater Metadata 

If you’ve ever needed to display repeater metadata with Elementor Loops, give this plugin a try. It currently supports text and image subfields. Download directly from WordPress:  https://wordpress.org/plugins/repeaters-relationships-connector-acf-elementor/

Related resources
Effective website experiences & digital marketing strategies.