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
- Skin: Select from Default, Accordion, or Tabs to arrange the repeater field data differently.
- Block Layout: Select the block layout created for the Repeater field.
- Repeater Field: Select the name of the repeater class created or the name of Nested Repeaters.
- 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.
Layout
- Layout Mode: When selecting default skin, it gives you two layout options, Grid and Carousel, to style the information inside the repeater block.
- Masonry: It is used to present the images seamlessly.
- Column: You can specify the number of columns in which you want to display the information.
- Column Gap: Here, you can specify the amount of space to be kept between columns.
- Row Gap: Amount of space to be kept within two individual rows.
Tab Skin
- Tab Title: Specify the field key to be used as a title for each item.
- Layout: Set the positioning of the tabs like horizontal or vertical.
- Tab Align: After selecting a horizontal layout, you can align the tabs in the left, center, and right.
Accordion Skin
- Tab Title: Specify the field key to be used as a title for each item.
- Icon: Select the icon to represent the action of expanding an item.
- Active Icon: Select the icon to represent the active item.
- Title HTML Tag: Set the HTML tag used for the title to H1- H6 or DIV.
- State On Load: Select the Accordion status when on load like Default, All Open. All Close, or Open a Specific Accordion tab.
- Enable Hashtags: Enable Hashtags in Filters: Creates unique URLs that can open specific filter tabs on load.
- Fragment: When enabling Hashtags, clicking on the filter will update the URL without updating the page.
- 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 into the AE- Trigger widget to add trigger actions buttons.
Widget Title
- Title: Enter the Repeater title.
- Html Tag: Choose the HTML tag to render the title.
- Alignment: Set alignment for the title text.