Categories

Featured templates

CherryFramework 4. How to make accordion tab open by default

Daniel Morales July 1, 2016
Rating: 5.0/5. From 1 vote.
Please wait...

This tutorial will show you how to make accordion tab open by default in CherryFramework 4 based templates.

All the accordion tabs you create with the help of ‘cherry_accordion shortcode will be closed by default:

CherryFramework_4_How_to_make_accordion_tab_open_by_default_1

Let’s see how to make any accordion tab open:

Editing existing accordion

  1. Login to the WordPress dashboard;

  2. Open any page that comes with ready-to-use accordion (e.g: FAQs page):

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_2
  3. Locate ‘cherry_spoiler title’ shortcodes. Each shortcode represents a separate accordion tab. Locate the tab you’d like to change, e.g:

    [cherry_spoiler title="Lorem ipsum dolor sit amet?"]
  4. Add the open="yes" shortcode option into ‘cherry_spoiler title’ shortcode to make accordion tab opened by default:

    [cherry_spoiler title="Lorem ipsum dolor sit amet?" open="yes"]
  5. Save the changes;

  6. Refresh your page to see the changes. The tab will be opened by default now:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_3

Creating a new accordion

  1. Create a new page/post;

  2. Click on the ‘Insert Shortcode button:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_4
  3. Add the accordion shortcode:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_5
  4. Locate the ‘cherry_spoiler title’ shortcodes. Each shortcode represents a separate accordion tab. Locate the tab you want to change, e.g:

    [cherry_spoiler title="Spoiler Title"]Content1[/cherry_spoiler]
  5. Add the open="yes" shortcode option into ‘cherry_spoiler title’ shortcode to make accordion tab open by default:

    [cherry_spoiler title="Spoiler Title" open="yes"]Content1[/cherry_spoiler]
  6. Use the ‘Live Preview’ button to view the changes and ‘Insert Shortcode button to add the shortcode into page/post;

  7. Save the changes. You’ve created a new accordion. The tab will open by default now:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_6

Feel free to check the detailed video tutorial below:

CherryFramework 4 How to make accordion tab open by default
Best Wordpress Themes Ever
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged accordion, CherryFramework4, open, tabs. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket