Collapsible row

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

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

  3. Choose Products from the dropdown window -> Choose Default product.

  4. From the side menu, select Product information. Click + Add block and select "Collapsible row" block, or click the Search bar to enter a search term.

Setting
Description

Heading

Add text to display as a heading. Include a heading that explains the content. (Show if field is blank or not)

Heading size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Font weight heading

Select the font weight heading from the dropdown menu:

  • Normal

  • Semibold

  • Bold

Icon

Select icon from the dropdown menu

Select content

Select the content for the block:

  • Content from product description

  • Custom content

Content

Add text to display as a custom content (Leave the field blank to hide the custom content)

Content from page

Select content from page (page content).

Block padding

Setting
Description

Top padding

Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Last updated