You must have used Elementor widgets to get dynamic content from ACF custom fields. But have you ever thought of using Elementor widgets to get dynamic data from the ACF Repeater fields, if not then why not just give it a try?
To achieve this you can use our plugin AnyWhere Elementor Pro which provides you with features, that allow you to use Elementor widgets to get ACF Repeater field content dynamically.
So in this tutorial, I will guide you to use ACF repeater fields with Elementor dynamic content.
To get a better idea about it, let us consider an example of Movies post type.
Firstly to start with l created a post type named Movies using CPT UI, and then created a custom field for it using ACF Custom fields. As a particular movie can have multiple casts so I created a repeater field to represent cast.
Creating a Custom Post Type
Creating Custom Fields
Subfields of the Repeater field Cast.
Creating a Repeater Block Layout
- Create a new AE Template and do the following configurations.
- Render Mode: ACF Repeater Block
- Field Location: Select Post.
- Preview Post: Select post created under post type Movies.
- Repeater Field (ACF): Select the Repeater field for which you are designing this layout.
- Then save the template and edit with Elementor
- Now select appropriate Elementor widgets and under the dynamic section select ACF Repeaters field accordingly.
- Then Specify the name of the repeater and the field type.
Creating a Single Post Template
- Create a new AE Template and do the following configurations.
- Render Mode: Post Template
- Post Type: Select the post type Movies.
- Preview Post: Select post created under post type Movies.
- Save -> AE Template and edit with Elemetor.
- Use the ACF – Repeater widget in Elementor and configure it.
