SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Unsen - Accordion

Alfred

Written by Alfred

Last updated

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

3.gif

Steps:

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

  2. Search Accordion

  3. Click Save

1. Accordion content

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

4.webp

2. How to configure the Accordion section?

2.1. HEADING OPTIONS

You can choose the design for the heading, also can choose text align: center or heading inline for it.

5.webp

2.2. GENERAL OPTIONS

  • Accordion design: We have total of 2 designs for Accordion items. You can look over this video to know more:

6.gif
  • Color options: you can change color for heading, content, border, background, rating.

  • Content align: choose the align default or center for content

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

7.gif

2.3. DESIGN OPTIONS

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

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

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.