Collapsible row

Collapsible row blocks reveal additional text when opened. Use these blocks to organize product details and extra information.

Add collapsible row blocks


Under Product overview, click (+) Add block and select Collapsible row. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click a row block to start adding content.

Click Collapsible row block to find settings

Setting
Description
Options

Expand by default

Show row as already opened with the text revealed.

Heading

The title of the row.

Default: Collapsible row

Content

Add text that's revealed when the row is opened. Use the buttons to make the text bold or italicized, or to add a link.

Page for content

Display content from a page create in your Shopify admin. This option is useful for creating and displaying tables (for product guides).

Custom liquid

Add custom Liquid code for apps or custom content.

See Shopify's Liquid reference guide and Liquid code examples to learn more.

Add bottom padding


Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.

Bottom padding does not apply when another collapsible row is positioned below.

Click Collapsible block to find settings

Setting
Description
Options

Bottom padding

Add spacing below the block

1 - 50px

Default: 48px

Last updated

Was this helpful?