Collage

A grid combining images, products, and collection links. Creates an editorial, magazine-style layout.

Try it

Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.

←Collage

Gap

14px

Space between grid items.

Border radius

10px

Roundness of each image corner.

Storefront preview

Live demo — Collage on storefront

Settings

Setting	What it does
Color scheme	Picks which set of colors to use for this section
Heading	An optional title above the collage
Columns	Number of columns in the grid — 1 to 4
Gap	Spacing between grid items in pixels (0–96 px)

Blocks

Content is added using composable theme blocks. Click Add block in the theme editor to add any available block type to the collage grid.

When it isn't showing

The collage hides itself unless it has at least one block or a Heading. It always renders in the theme editor.

A tile with no image shows its text on the section background rather than a picture — that is the fallback, not a fault.

Tips

• Mix content types — one product, one lifestyle image, and one collection link creates an engaging collage that serves different browsing styles.
• Adjust the gap to create tighter editorial grids or more open, airy layouts.