Stand with Ukraine. Fight for freedom and democracy

Donate
Troubleshooting //
Displaying Custom Repeater Fields in an Accordion Widget

Displaying Custom Repeater Fields in an Accordion Widget

Question

How to display custom repeater fields in an Accordion widget like that?

custom repeater example

Answer

With the JetEngine and JetTabs plugins, you can easily create repeating blocks set and display the needed information in an Accordion widget.  

Requirements:

Creating the Custom Repeater Meta Fields

Navigate to the WordPress Dashboard > JetEngine > Post Types directory and open a CPT where you want to add the repeater fields.

Follow the detailed guide through the Repeater meta field creation process and add the necessary fields.

custom repeater fields

Fill the Fields Within the Posts

Go to each CPT post and add the needed information to the Repeater fields.

filled in repeater fields in the post

As the repeater fields will be displayed in the accordion tabs, you have to add as many blocks with information as needed. E.g., in the case of the tours, each one will have four or more days.

post with repeater fields

Once you’re done, update the post and proceed to the next step.

Working with the Accordion Widget

Open the page in Elementor and drop the Classic Accordion widget.

classic accordion widget

Unfold the Items section of the Content tab and make sure that the Content Type is set to “Editor.”

items section of the content tab

Unfold the next section, Dynamic Settings, and turn on the Enable dynamic data toggle.

dynamic settings

The Repeater field name of the Dynamic Settings will contain the CPT repeater field name.

repeater field name

To find the repeater field name, go back to the WordPress Dashboard > JetEngine > Post Types and scroll down to the Meta fields section.

CPT repeater field name

Proceed to the following fields and enter the appropriate repeater field names from your CPT.

widget repeater fields

Once you’re done, update the page. On the front end, the Accordion widget will display the information you previously entered to the repeater meta fields of the post.

accordion widget on the front end
Was this article helpful?
YesNo
Still need help?
Submit a request