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)

captcha

Featured templates

CherryFramework 4. How to make accordion tab open by default

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
 
Live Chat
We help you to choose the right product.
Start chat