Collapsible Content Section Settings
The Collapsible Content section follows general settings of the section, which contains setup for the Heading content.
The Collapsible Content section uses accordion items. By default, this section has 5 items.
There are 2 types of alignment that can be set for the heading and content items: Left and Center.
You can choose the order of the content on large screen size devices by clicking on the dropdown tab. This section supports 2 order types: Text first and Image first. By default, the Text first type is selected. For mobile screen size, the content automatically follows the Text first order.
Along with text elements, you can also add an image to the section by clicking the Select image button to upload. The recommended size is 700x500px.
The Image ratio can be selected from: Square, Portrait (2:3), Landscape (3:2) and Adapt to Image.
To add button text and button link, click on the placeholder and insert the content.
By default, the Collapsible section shows icon on each item; however you can disable the option Show Icons on the Settings.
You can select to expand the first item after the section is loaded on the Expand first item initially option.
Collapsible Items Settings
To add more content to each item, click on the item, you can select the icon shape in the Icon dropdown and add/remove Heading and Description for each item.
To adjust each Icon in the section, click on the item. You can choose to use the Theme Library icons, add your Custom images, or use code to add Custom SVG files.
If you choose to add Custom images, click Select Image to access the Shopify Store Library of images.
If you choose to add Custom SVG, you will need to copy the SVG file code and paste it in this placeholder. Please note that after upload, the SVG icon size will automatically take the default icon size in this section, which is 24px.
Heading And Description Items
You can add a page content on each item by clicking on the Select page button.