Collapsible Row

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 Row".

Section settings

General

SettingsMeaning

ID Section

Enter the Section ID to match the Menu link to enable the scroll to Section feature

Layout

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

Padding Container Full Width

Determine the left and right spacing of the Full Width layout.

Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile

Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.

Background Color - Background Gradient

Set color (or gradient) for the section background.

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 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 Mobile

Specify the font size of the description on mobile.

Content Max 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.

Enable Image?

Enable the image beside the content.

Background Image

Upload/Select an image

Settings block

SettingsMeaning

Background Color Content - Title Color - Color Content - Icon color - Border Color

Set the background color content, title color, color content, icon color, border color

Settings block

[BLOCK] Collapsible Row

SettingsMeaning

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.

Last updated