Expandable Content 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.
Set up an Expandable Content section
- Go to Customize theme
- In Theme editor, select the page where you want to add the Expandable Content
- Select "Add section" → "Expandable content"
Section Placement
This section cannot be added to header or footer areas.
Configuration 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" |
Best Practices
- Use for FAQs, shipping info, return policies
- Keep titles short and descriptive
- Expand first item by default for better UX
- Limit to 5-8 items for readability
Content Width
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.
Use Cases
Common uses: FAQs, product specifications, shipping information, return policies, care instructions, sustainability information.