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.
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.