If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)


Featured templates

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]
  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:

CherryFramework 4. How to use Tabs shortcode
Live Chat
We help you to choose the right product.
Start chat