Masonry section

Bring your content to life through a flexible masonry grid that highlights visuals, reviews, and media.

How to add a Masonry section to your Shopify store

1. In the theme editor (Customize), click Add section.

2. Select Masonry section section.

3. Make necessary changes.

4. Save.

How to customize a Masonry section

Section settings

Mobile layout

1 column

2 columns

Check out other section settings: Common settings available in most sections

Block settings

The Masonry section combines a Header, multiple nested blocks, and a show more/show less button into one cohesive layout.

Header

Use the Header block to create and customize the section’s heading and introductory content.

Setting	Description
Alignment	Set the header alignment: left, center, or right.
Devices	Switch between desktop and mobile padding settings.
Bottom	Adjust the spacing below the header.

📦 Nested dynamic blocks

• Heading – Add a main title

• Subheading – Provide supporting text above or below the heading

• Text – Include additional descriptions or details

• Image – Display an image or icon

• Button – Add a call-to-action

Learn more: Basic

Nested blocks

Show more/Show less