Collapsible content
Section
Last updated
Section
Last updated
The Collapsible content section has expandable rows that reveal more text when clicked. Use this section for Frequently Asked Questions or neatly organize information about your products or store.
Add Rows with a title and expandable text.
Display an icon next to row titles.
Arrange rows into groups with subheadings.
In the editor side panel, click (+) Add section and select Collapsible content. Click and hold the drag handles ⋮⋮ to re-order sections.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Click the section to customize the general section styles for colors and spacing, available in all sections:
The Section header appears above the section. Add a Heading, Text, and optional Link.
Click Collapsible content section to find settings
| Setting | Description |
|---|---|
Heading | Change or remove the title of the section. |
Heading tag | Change the heading tag to modify the page structure. Use H2 to indicate important topics, and use H3-H6 for related topics. Learn how to replace default H1 headings. This option doesn't change the heading's appearance. |
Text | Add multiple lines of rich text below the heading. |
Link URL | Select a page or URL for the link. |
Link label | Add text to display the link. |
Click the Collapsible content section to find settings
| Setting | Description | Options |
|---|---|---|
Button link | The URL that you want the button to link to. | |
Button label | The text that displays on the button. | Default: "Optional button" |
Button style | Change the style of the button. | Solid Default Outline Text |
Click (+) Add Row to create multiple collapsible rows. Use the drag-and-drop handles ⋮⋮ to re-order row blocks. Click a row block to start adding content.
Add Heading for the row title
Add Text to reveal when row is opened
Add Icon next to the heading
Click Row block to find settings
| Setting | Description | Options |
|---|---|---|
Expand by default | Show row as already opened with the text revealed. | |
Icon | Select from 30+ icons to display next to the row heading. | Default: None |
Custom icon image | Upload your own icon image to display next the heading. Use PNG files for images with a transparent background. Recommended minimum dimensions of 50px by 50px. | |
Heading | The title of the row. | Default: "Frequently asked question" |
Text | Add text that's revealed when the row is opened. Use the buttons to make the text bold or italicized, or to add a link. | Default: "This is an example..." |
Change the font and size of the heading and text in the row block.
Click Collapsible content section to find settings
| Setting | Description | Options |
|---|---|---|
Row font | Change the style of the row heading and text. Text styles are based on your theme settings. | Heading Body Default |
Row text size | Change the size of the text. | 1-8 Default: 6 |
Add Group heading blocks to arrange multiple collapsible rows into groups.
Click Group heading block to find settings
| Setting | Description | Options |
|---|---|---|
Heading | The title for groups of collapsible rows. | Default: "Group heading" |
