How to use the Array mapper CMS element

The array mapper is a helper element used in conjunction with CMS items and lists in order to display arrays of items from the content management system.

Adding an Array mapper to a project
Adding elements to an Array mapper

Adding an Array mapper to a project

Array mapper elements ONLY work when used inside of a CMS Item or List.

To add an Array mapper to a project:

Go to the Left panel -> Elements tab -> CMS section
Drag the Array mapper element the Success Layer in a CMS element with a source set up
Go to the Right panel -> Array Mapper Settings
Select an Array-type Source from the available collections

Adding elements to an Array mapper

Once the Array mapper is added and the Source is set up, to customize the content simply:

Go to the Left panel -> Elements tab
Drag any element to the Array Mapper -> Items layer
Select the element
Go to the Right panel and bind a property to the element using the Dynamic properties panel

Updated on: 27/03/2024