Collapsible Content

This section renders text content in the layout of a collapsible row. Every section has a heading, a collapsible row item, and an optional icon.

Set up section

Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.

1. Select a Template to edit from the dropdown menu in the top bar.
2. In the side panel, click (+) Add section and select Collapsible content.
3. Change the order of your sections by using the drag and drop handles ⋮⋮
4. Click Collapsible content section to open settings.
5. (Optional) Select an icon from Select an icon option.
6. (Optional) Select your custom icon, click Select image on Custom icon option and use the file selector to select an image from your library or upload a new icon. We recommend use an image PNG format and with a height of 100px, use the Primary price text color as a color of the icon, you can find this color on Theme Settings > Colors.
7. Change the Heading text as a subject for your section of questions. For example, if the questions are related to returns the heading subject could be Returns. The heading will be displayed at top of the collapsible rows.
8. Change the Subheading text to display more information below the Heading.

Add collapsible row

Each Collapsible row item has a heading, expandable text content, and an optional icon.

1. Click on a Collapsible row block to open the block settings.
   • Click + Add Collapsible row to create a new Collapsible row.
   • Click Remove block or the eye icon to delete or hide a block.
     
2. (Optional) Select an icon from Select an icon option. The icon will be displayed before the Heading of the row.
3. (Optional) Select your custom icon, click Select image on Custom icon option and use the file selector to select an image from your library or upload a new icon. We recommend use an image PNG format and with a height of 100px. When you select a custom icon the icon selected before will be overridden, use the Primary price text color as a color of the icon, you can find this color on Theme Settings > Colors.
4. Enter text for the Heading to introduce a topic or pose a question.
5. Enter text for the Row content to say more about a topic or answer a question.
6. (Optional) You can select render the content from a page in the expandable text content, click Select page on Row content from page option and select the page you want to render, this content will override the content text that you added on Row content option. Note: Contact forms will not be displayed.
7. Click Save.

Note: New sections will appear on all pages that use the same template.