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
Thank you!