AE- ACF Repeaters

AE - ACF Repeaters are used to fetch data of an entire row.

Repeaters are helpful as you can retrieve information from a row containing multiple fields through them.

The entire data is contained in a block that can be represented using different layout styles.

Content

Repeater

1. Skin: Select from Default, Accordion, or Tabs to arrange the repeater field data differently.
2. Block Layout: Select the block layout created for the Repeater field.
3. Repeater Field: Select the name of the repeater class created or the name of Nested Repeaters.
4. Title Html Tag: Set the HTML tag used for the title from H1- H6 or DIV.

Default Skin: On selecting Default skin, more layout settings are displayed.

1. Layout Mode: When selecting default skin, it gives you two layout options, Grid and Carousel, to style the information inside the repeater block. 
2. Masonry: It is used to present the images seamlessly.
3. Column: You can specify the number of columns in which you want to display the information.
4. Column Gap: Here, you can specify the amount of space is to be kept between columns.
5. Row Gap: Amount of space to be kept within two individual rows.

 Tab Skin

1. Tab Title: Specify the field key to be used as a title for each item.
2. Layout: Set the positioning of the tabs like horizontal or vertical.
3. Tab Align: After selecting a horizontal layout, you can align the tabs in the left, center, and right.

Accordion Skin

1. Tab Title: Specify the field key to be used as a title for each item.
2. Icon: Select the icon to represent the action of expanding an item.
3. Active Icon: Select the icon to represent the active item.
4. Title Html Tag: Set the HTML tag used for the title to H1- H6 or DIV.
5. State On Load: Select the Accordion status when on load like Default, All Open. All Close, or Open a Specific Accordion tab.
6. Enable Hashtag: Enable Hashtags in Filters: Creates unique URLs that can open specific filter tabs on load.
   • Fragment: On enabling Hashtags, clicking on the filter will update the URL without updating the page.
7. Enable Toggle Button: Enable it to add an Expand All and Collapse All toggle button.
   • Expand Text: Enter the text for the Expand button.
   • Collapse Text: Enter the text for the Collapse button.
   • Separator: Add a separator icon.

Trigger

Copy this widget Id and paste it in the AE- Trigger widget to add trigger actions buttons.

Widget Title: