Collapsible content
Last updated
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Collapsible content".
Caption
Add text to display as a section caption (Leave the field blank to hide the caption)
Heading
Add text to display as a section heading. (Leave the field blank to hide the heading)
Heading size
Font size of text:
Small
Medium
Large
Heading alignment
Set horizontal alignment for content inside section containers:
Left
Center
Right
Color scheme
Set the text color and background color for the section.
Container color scheme
Set the text color and background color for the container.
Open first collapsible row
Enable/disable checkbox
Image
Set up an image
Image ratio
Determines the ratio between the image's width and height.
Select image ratio from the dropdown menu:
Adapt to image
Small
Large
Desktop layout
Select the desktop media position for the section:
Image first
Image second
Image first is the default mobile layout.
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Heading
Add text to display as a section heading. (Leave the field blank to hide the heading)
Icon
Select the icon from the dropdown menu
Row content
Add text to display as a custom content to describe this section. (Leave the field blank to hide the row content)
Row content from page
Select content from the page which you prefer to display as a custom content for this block.