Collapsible content

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.

Editing templates will change all pages that use the same template. Create new templates for different page layouts, or show dynamic page content in the same template.

Set up section

---

In the editor side panel, click (+) Add section and select Collapsible content. Click and hold the drag handles ⋮⋮ to re-order sections.

Click the section to add a section header and change section styles for colors and spacing.

Section header

Section colors

Width and Padding

Section button

---

Click 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.
Button style	Change the style of the button.	Solid Outline Text

Add collapsible row blocks

---

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 row text style

---

Change the font and size of the heading and text in the row block.

Click 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 headings

---

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"