Collapsible content

Steps to add Collapsible content section:

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Click on the arrow down next to Home page↓and select a template you want your Collapsible content section to add to. 
4. Click on Add section + which can be found in your left sidebar or directly in the live editor. 
5. Click and hold the drag-and-drop handles ⋮⋮  to re-order your sections.
6. Scroll down, or search for Collapsible content, then click on Collapsible content. You just added the section!
7. Now you can customize it. We recommend starting with the Heading field, where you can insert your collapsible content section heading.
8. (Optional) Select Heading size (Small, Medium, Large, or Extra large) and Heading alignment (Left, Center, Right).
9. (Optional) Make the first row open by default by checking the Open first collapsible row box.
10. (Optional) Make the section have white space to the right and to the left by checking Enable narrow width.
11. (Optional) You can change both top and bottom section padding (the empty space above and below the section) and set it anywhere from 0px to 100px.
12. Read more about Custom CSS ↗.

Congratulations! 👏 You have just added and edited your collapsible content section. See how you can customize each row individually below.

Steps to add and edit content blocks:

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Find the Collapsible content section you added following the steps above. Click + Add Collapsible row underneath. Once you add a Collapsible row block, click on it to see additional block customization options.
4. First, we recommend to specify your Heading for each row that explains the content within. Accepts dynamic source.
5. Use the Row Content field to add information that you wish to display under your heading. You can also choose to display content from one of your pages. Under Row content from page, click Select page and choose the page you want to link to the row. If you have both Row Content and Row content from page filled out, all information will be shown and stacked on top of each other.
6. (Optional) Click and hold the drag-and-drop handles ⋮⋮  to re-order your blocks.

You just successfully edited your content block.