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

Header background

EComus - Accordion

Alfred

Written by Alfred

Last updated

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

1.png

From Theme editor (Customize) > Add section Accordion

1. Accordion content

In this section, you will have 4 blocks to modify:

  • Item heading (parent): This block will help you add heading for group accordion content.

1.png
  • Accordion Item (child): This block will help you create accordion content. You can add content formats, such as text, HTML, liquid, Javascript, etc., into the Content field.

1.png

In the Ecomus 1.9.2 version, this block has one new Content field. This field allows you to connect dynamic sources to get the Accordion item's content.

content new.png

To connect dynamic sources to get the Accordion item's content, let's do some simple steps below:

Step1: Click on the Connect dynamic sources button

content new1.png

Step2: Choose a dynamic source. (You can choose an available dynamic source, or define new one)

content new2.png

Step3: If you choose Add definition, please view the tutorial below for more details:

  • Other content: This block to use to create a block next to accordion content.

1.png
  • Other link: This block to use to add other link for 'link list'.

1.png

2. How to configure the Accordion 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.