CherryFramework 4. How to use Tabs shortcode

This tutorial shows how to use Tabs shortcode in CherryFramework 4 themes.

1. In order to insert shortcode into the page, use the Insert Shortcode button in Page or Post editor of WordPress Dashboard.

   

2. Then, select Tabs shortcode.

   

   It includes the following options:

   

   1. Style – choose style for these tabs.

   2. Active tab – select which tab is opened by default.

   3. Vertical – shows tabs vertically.

   4. Class – extra CSS class.

   5. Content – the content of tabs.

3. After doing this, press the Insert shortcode button.

   

4. In order to add another shortcode within a tab, insert your content between [cherry_tab][/cherry_tab] elements like the following:

   [cherry_tab title="All"]
   [cherry_services limit="4" order="desc" orderby="modified" categories="default" size="monstroid-thumb-475x300" order_button_text="Buy Now!" col_xs="12" col_sm="6" col_md="3" col_lg="3" template="template-1.tmpl"][/cherry_services]
   [/cherry_tab]

   

5. Press the Update button to save changes and refresh your website.

   

That is the end of the tutorial. Now you know how to use Tabs shortcode in CherryFramework 4 templates.

Feel free to check the detailed video tutorial below: