Share Your Thoughts

Dynamic Tabs

The Dynamic Tabs element generates the dynamic tabs for desktop and accordion items for mobile. It is fetching the data from the ACF repeater field, MetaBox clone-able group field, WooCommerce tabs, and Zion’s repeater.

Tabs for Desktop
Accordion effect for Mobile
Terms filter with Zion Builder Repeater
Single post details

Activate The Element

At first, you will activate the Dynamic Tabs element after activating your license key. You will go to your Dashboard -> Zion Builder -> ZiUltimate page. Under the General Elements tab, you will get the elements list. Select the Dynamic Tabs element’s checkbox and save the settings. Now Dynamic Tabs element is ready for use.

How to Use

This element is fully compatible with ACF repeater, options page, MetaBox, WooCommerce, and Zion repeater provider/consumer. Full instructions are shared via video.

1. Creating the terms filter

Here is the video which will show you how you will show the terms-based content inside the tabs. I am showing the products categories as tabs and products in grid view under every tab.

2. Showing The ACF Repeater Data

This element is fully compatible with the ACF repeater field type. You can show any kind of content like text, rich text, video, zion builder template (via shortcode in ACF text field), etc.

3. Showing The ACF Repeater Data of ACF Options page

If you created the ACF options page and added the ACF repeater field type there, the Dynamic Tabs element will fetch those data and show them on the frontend.

4. Showing WooCommerce Tabs

You can show the WooCommerce tabs in the Dynamic Tabs element and it will convert the tabs to accordion on mobile. Check out the video below.

5. Compatible with MetaBox settings page and cloneable group field