[contact-form-7 id="24078" title="Feedback EN"]

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:

    "Lorem
  4. Add the open="yes" shortcode option into ‘cherry_spoiler title’ shortcode to make accordion tab opened by default:

    "Lorem
  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:

    "Spoiler
    Content1
  • Add the open="yes" shortcode option into ‘cherry_spoiler title’ shortcode to make accordion tab open by default:

    "Spoiler
  • Use the ‘Live Preview’ button to view the changes and ‘Insert Shortcode’ button to add the shortcode into page/post;

  • 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