Nestable field blocks
Learn how to work with Repeater and Flexible fields
Repeater and Flexible fields can be rendered in Elementor in a very similar way.
Repeater fields
In this example, we consider a repeater with an email field called email.
Locate your Repeater field inside the ACPT block.
Once you have dragged it onto the canvas, a WYGIWYS editor appears in the controls section.
This represents the loop element.
How to render the element is 100% up to you.
To display a nested field inside the repeater, use this simple syntax:
In this case, the box name is NOT needed.
So, in our example, we will use %email%
. This is the result:
Flexible fields
Flexible fields work in a very similar way.
Locate the flexible field and drag it onto the canvas.
Along with the WYSIWYG editor to style the element in the loop, you need to choose the block to render (it's just below the editor):
Once you select the block, you can style the loop element in the same way:
In the above example, we render email and text fields in the loop element.
As you can see, it's possible to style the field placeholders as any other text.
Optional arguments
ACPT allows the user to specify additional options for certain field types to modify their default behavior inside the loop, by using the following syntax:
This is the full list of possible arguments:
RATING
stars
%rate:stars%
Render as stars
DATE, DATE RANGE, DATE TIME, TIME
date format
%date:d/m/Y%
Modify the date format
EMAIL, PHONE, URL
link
%email:link%
Display as link
EMBED, VIDEO
width, height
%video:400,300%
Set the iframe size
SELECT MULTI, CHECKBOX
seperator
%list:-%
Set the string separator
GALLERY
columns
%galllery:4%
Set the number of elements per row
Last updated