Skip to content

WP Vibes | Manage Account

Elementor Addons
Elementor Addons
  • Home
  • Products
    • AnyWhere Elementor Pro
    • Elementor Addon Elements
    • Anywhere Elementor
    • Form Vibes
  • Blog
  • Contact Us
Elementor Addons
  • Home
  • Products
    • AnyWhere Elementor Pro
    • Elementor Addon Elements
    • Anywhere Elementor
    • Form Vibes
  • Blog
  • Contact Us

Using ACF Repeater Field with Dynamic Content

January 14, 2020
/
Akanksha Soni

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

CPT-UI

Creating Custom Fields

Repeater field

Subfields of the Repeater field Cast.

ACF Repeater

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.

Repeater block 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.

Dynamic Image

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.

Single Post Template

  • Save -> AE Template and edit with Elemetor. 
  • Use the ACF - Repeater widget in Elementor and configure it.

 ACF Repater

PrevPrevious
NextNext

Leave a Reply Cancel reply

  • About Us
  • Terms of Service
  • Contact Us
© 2021 WebTechStreet
  • Home
  • Products
    • AnyWhere Elementor Pro
    • Elementor Addon Elements
    • Anywhere Elementor
    • Form Vibes
  • Blog
  • Contact Us
  • Timeline
  • Info Circle
  • Comparison Table
  • Thumbnail Slider
  • Content Switcher
  • Filterable Gallery
  • Flip Box
  • After Before Image Compare
  • Particle Background
  • Animated Gradient Background
  • Background Image Slider
  • Dual Button
  • Modal Popup
  • Animated Text
  • Google Map
  • Post List
  • Price Table
  • Shape Separator
  • Split Text
  • Text and Icon Separator
  • Twitter feed
  • Progress Bar
Menu
  • Timeline
  • Info Circle
  • Comparison Table
  • Thumbnail Slider
  • Content Switcher
  • Filterable Gallery
  • Flip Box
  • After Before Image Compare
  • Particle Background
  • Animated Gradient Background
  • Background Image Slider
  • Dual Button
  • Modal Popup
  • Animated Text
  • Google Map
  • Post List
  • Price Table
  • Shape Separator
  • Split Text
  • Text and Icon Separator
  • Twitter feed
  • Progress Bar