Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ocolus - Accordion

Annie

Written by Annie

Last updated

410 views

On this page


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

demo.png

Steps: In theme editor (Customize), click Add section > Accordion > Save

1. Accordion item

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

item.png

2. How to configure the Accordion section?

HEADING OPTIONS

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

heading.png

GENERAL OPTIONS

  • Padding tab title and font size options

  • 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.

general.png

DESIGN OPTIONS

  • Please follow this guideline to config Layout, Background, Margin/Padding for the section.


Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.