AE- ACF Repeaters

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

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

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(ACF): Select the name of the repeater class created.
  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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us