Expandable Content Section

This guide describes setting up the Expandable Content (Accordion) section.

Use this section to create collapsible content blocks that expand when clicked, perfect for FAQs, product details, or any content that benefits from progressive disclosure.

For general guidance with modifying sections, refer to [Sections overview], and [Shopify help: Sections and blocks].

Set up an Expandable Content section

To set up an Expandable Content section:

1. Go to Customize theme
2. In Theme editor, select the page where you want to add the Expandable Content
3. Select "Add section" > "Expandable content"

Note: This section cannot be added to header or footer areas.

From the side menu, select Expandable Content to configure these settings:

Setting name	Description
Heading	Main heading text above accordion items. Default is "Default heading"
Link to more info	Optional page link for the heading
Heading text size	Choose from hidden to 7XL, with responsive options. Default is "2XL / desktop 4XL"
Title text size	Size for accordion item titles. Same size options as heading. Default is "2XL / desktop 4XL"
Content text size	Size for expanded content text. Same size options as heading. Default is "2XL / desktop 4XL"
Horizontal spacing size	Choose None, Small, Medium, or Large padding. Default is medium
Indent section	Add left and right edge indentation when enabled. Default is false
Section padding	Adjust top and bottom padding independently (0-100px). Default is 100px
Use alternative colors	Toggle alternative navigation colors. Default is false
Color scheme	Select a color scheme to match your store's design

Accordion Item Block Settings

Setting name	Description
Title	Heading for the accordion item. Default is "Accordion title"
Content	Rich text content shown when expanded. Default is "Accordion content here"

Note: The section comes preset with three accordion items, but you can add or remove items as needed. Content width automatically adjusts based on text size settings.