Accordion
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.
Steps:
In the theme editor (Customize), click Add section
Search Accordion
Click Save
1. Accordion item
In Accordion section, you can add an Accordion item block. It includes Accordion icon, label and content.
2. How to configure the Accordion section?
2.1. HEADING OPTIONS
You can enter the Heading, Subheading. You also can choose the Heading design, Center heading align or Space bottom.
2.2. GENERAL OPTIONS
Accordion design: We have 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.
2.3. DESIGN OPTIONS
Layout: You can choose the layout for the section here. We have 4 layouts for you to choose: Custom Width, Container, Wrapped Container and Fullwidth. Besides, you can also upload a background image, choose a background color, or a background gradient for the layout.
Margin, Padding: You are allowed to change both of them for both on Mobile, Tablet & Desktop devices.
[Private Offer] EComposer Partner Plan
Exclusively for Gecko users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Gecko with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free
Cheers, The4.
Last updated
