Gecko - Accordion

It is usually located on the FAQ page. However, Shopify 2.0 allows you to add the Accordion section to any pages that you wanna use.

Steps:

1. In the theme editor (Customize), click the Add section

2. Search Accordion

3. Click Save

1. Accordion item

In the Accordion section, you can add an Accordion item block. It includes an Accordion icon, label, and content.

2. How to configure the Accordion section?

2.1. HEADING OPTIONS

You can enter the Heading and subheading. You also can choose the Heading design, Center heading align, or Space bottom.

2.2. GENERAL OPTIONS

• Accordion design: We have a total of 2 designs for Accordion items.

• Color options: You can change color for label, content, background

• Content align: Choose the align left, center, or right for content

• Auto active 1 items: The first accordion item will be auto-active when you open the page.

About Design options, please follow this guideline to config Layout, Background, and Margin/Padding for the section.