Collapsible Content

To add this section, please follow 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

General

Settings
Meaning

Section ID

Enter the Section ID to match the Menu link to enable the scroll to Section feature. Note: Enter the section ID to match the menu link and enable the scroll-to-section feature.

Section Width

Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1770px) Full width (100% of the viewport width).

Padding for 'full width' option on desktop

Determine the left and right spacing of the full width layout.

Background color

The background color of the section.

Background gradient

The background gradient of the section.

Title

Enter in the title for the section.

Title color

Apply a color to the title of the section.

Title font size

Specify the font size of the title.

Title font size on mobile

Specify the font size of the title on mobile.

Description

Enter the text for the description.

Description color

Apply a color to the description.

Description font size

Specify the font size of the description on desktop.

Description font size on mobile

Specify the font size of the description on mobile.

Maximum content width

Determine the maximum width of the content.

Alignment

Select the alignment of the header text to be either to the Left, Center or to the Right of the header.

Show image

Enable the image beside the content.

Image

Upload/Select an image

Content color

Settings
Meaning

Background

The background color of the content.

Text

The text color of the content.

Title

The color of the title.

Icon

The color of the icon.

Border

The color of the block border.

Settings block

[BLOCK] Collapsible row

Settings
Meaning

Heading

Enter in the heading for the block.

Content

Enter the text for the Content.

Content from page

Select the page and get the content from it.

How to add a table to a Collapsible Row?

Step 1: Create a page and add a table to the description.

Step 2: Add the newly created page to the 'Content From Page' settings

Last updated