Masonry Grid

Display images or content in a dynamic masonry layout, which is perfect for visual storytelling, lookbooks, or showcasing diverse content in a stylish, modern grid. Works seamlessly with Shopify’s Dawn and Horizon themes.

Masonry Grid¹

2025

Install the Flexi App

Install Flexi – Slider Sections from the Shopify App Store and connect it to your theme. Once installed, you’ll instantly unlock access to professional sections like the Hero Banner directly inside your Theme Editor.

Add Masonry Grid Section

In the Shopify Theme Editor, click Add section → Masonry Grid. You can place it at the top of your homepage, on product pages, or anywhere your theme supports sections. It installs safely on both published and backup themes.

Style Your Section

Use the Shopify theme customizer to perfect your design before publishing. Upload images, adjust the text, choose your button link, and tweak layout settings like alignment, overlay, and spacing all with no code required.

Frequently asked questions about "Masonry Grid"
How do I add the Masonry Grid section to my Shopify theme?

After installing Flexi, you can install the section from the app. Simply open your Theme Editor and click Add section → Masonry Grid.

You can add it to any page, including your home, collection, or product templates.

No manual file editing or Liquid code is required. It works directly inside your existing Shopify 2.0 theme.
Can I customize the design of the Masonry Grid section?

Yes. Every part of the Masonry Grid section is fully customizable.

You can change the background image, text alignment, heading size, button labels, and overlay style directly in the Theme Editor.

You can also adjust spacing, colors, and border radius settings to match your brand’s look and feel.

All changes update instantly in the live theme customizer so you can see your edits in real time.
Will this Masonry Grid section work with themes like Dawn or Horizon?

Yes. The Masonry Grid is built to work with all Shopify 2.0 themes, including Dawn, Sense, Craft, Horizon, and other premium or custom themes.

Flexi sections use Shopify’s native section architecture, so they integrate seamlessly without breaking theme styling or functionality.

You can safely install and test the section on a backup theme before publishing live.
Does adding a Masonry Grid section slow down my site?

No. The Masonry Grid section is optimized for Shopify performance standards.

Images are lazy-loaded, CSS is scoped, and no unnecessary scripts are added to your theme.

This ensures your page speed and Core Web Vitals remain fast, even with large hero images.

On average, our sections are 15x faster than AI or other sections due to our rigorous performance standards.

All Flexi sections are tested using Shopify’s Online Store Speed Report to maintain lightweight performance.
Do I need any coding experience to edit my Masonry Grid section?

Not at all.

The Masonry Grid is designed to be no-code friendly, and you can customize everything from the Shopify Theme Editor using simple dropdowns, text inputs, and image pickers.

Developers can optionally add custom CSS through the theme if needed, but it’s completely optional.

Flexi sections are made for both non-technical merchants and professional developers.