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:

    "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