Collapsible content

This is a dynamic, accordion-style layout used to display common customer questions and answers as an FAQ page.

To add this section, please follow the below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Collapsible content".

Section settings

Setting	Description
Caption	The caption text for this section.
Heading	The title of this section.
Heading size	The size of the heading text: Small Medium Large Extra large
Heading alignment	The alignment of the heading text and description within the section container: Left - Aligns the heading to the left. Center (default) - Aligns the heading in the center. Right - Aligns the heading to the right.
Description	Descriptive text for this section.
Layout	Layout for this section: No container Section container Row container
Color scheme	Set the color for this section.
Container color scheme	Set the color for the section container. This color is visible when Layout is set to Row or Section container.
Open first collapsible row	The first row of content is displayed in its open state, allowing the content within it to be visible by default.

Image layout

Setting	Description
Image	Add the image for this section.
Image ratio	The image ratio for the image: Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped. Small - Crops the image height to 31.4rem on desktop and 19.4rem on mobile. Large - Crops the image height to 69.5rem on desktop and 43.5rem on mobile.
Desktop layout	Postiton of the image on desktop: Image first Image second Image is always first on mobile.
Button label	The text that displays on the button.
Button link	The URL that you want the button to link to.
Button style	Style of the button: Filled Text link Outlined

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Collapsible row block

Setting	Description
Heading	Include a heading that explains the content.
Icon	Add a icon before the heading.
Row content	The content for this block.
Row content from page	The second content for this block. It will pull the content from the page you want to display for this block. This content will display below the Row content.