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

#How to customize a Masonry section

#Section settings

#Mobile layout

1 column2 columns

#Block settings

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

HeaderNested blocksShow more/Show less

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

Combine multiple nested blocks—such as images, testimonials, and videos—into a dynamic, visually engaging layout.

📦 Nested dynamic blocks

• Basic
• Basic
• Basic

Learn more: Basic