Collage

A mixed-size 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.

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.