Collage

Written in stage 2

What this is for, when to use it, its layouts, screenshots and examples. Everything below is generated from the theme’s schema, so it always matches the theme editor.

Where you can add it

Not in section groups: Header, Footer, Overlays.

Blocks

• Image — part of this section
• Video — part of this section
• Product — part of this section
• Collection — part of this section

Up to 5 blocks.

Image

Setting	Type	Default	Options and range
Image Its alt text comes from Content > Files. When the tile has a title, the title names it instead.	Image	—
Eyebrow	Text	—
Title	Text	—
Link	Link	—
Link label Hidden on tiles narrower than 300 px or shorter than 230 px.	Text	—

Video

Setting	Type	Default	Options and range
Video A video uploaded to Shopify. It plays muted and loops, and visitors can pause it.	Video	—
Eyebrow	Text	—
Title	Text	—
Link	Link	—
Link label Hidden on tiles narrower than 300 px or shorter than 230 px.	Text	—

Product

Setting	Type	Default	Options and range
Product	Product	—
Image Replaces the product’s featured image in this tile.	Image	—
Show the second image on hover	Checkbox	On
Eyebrow Leave empty to show “Sale” when the product is on sale.	Text	—

Collection

Setting	Type	Default	Options and range
Collection	Collection	—
Image Replaces the collection’s image in this tile.	Image	—
Title Leave empty to use the collection’s title.	Text	—
Eyebrow	Text	Collection
Link label Hidden on tiles narrower than 300 px or shorter than 230 px.	Text	—
Show product count	Checkbox	On

Settings

Setting	Type	Default	Options and range
Eyebrow	Text	—
Heading Make a word italic to emphasize it.	Inline rich text	Made to be worn together
Heading size	Select	Medium	Small Medium Large Extra large
Highlight color	Color	—
Text	Rich text	Coats, knits and the pieces that finish them, picked from the new collection.
Button label	Text	Shop new in
Button link	Link	—
Tiles
Arrangement Add a block for each tile. With fewer tiles than the arrangement holds, visitors see the arrangement that fits.	Select	1 large + 3	2 equal tiles 1 large + 2 1 large + 3 3 equal tiles Masonry, 5 tiles
Large tile position Start is on the right in right-to-left languages. Shown when Arrangement is 1 large + 2 or Arrangement is 1 large + 3.	Select	Start	Start End
Tile shape	Select	Mixed (one corner, one arch)	Mixed (one corner, one arch) Rounded
Captions	Select	On the photo	On the photo Below the photo
Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it.	Select	Auto	Auto Light Dark
Space between tiles Phones use 60% of this space.	Range	16 px	0–40 px, step 2
Layout on mobile	Select	Mosaic (two columns)	Mosaic (two columns) Stack
Drift tiles on scroll Tiles drift at different speeds as the page scrolls. Full motion only, on screens 750 px and wider.	Checkbox	On
Zoom image on hover	Checkbox	On
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Defaults here: Top spacing 104 px (everywhere else: 64 px); Bottom spacing 104 px (everywhere else: 64 px); Top spacing on mobile 56 px (everywhere else: 40 px); Bottom spacing on mobile 56 px (everywhere else: 40 px); Stagger 90 ms (everywhere else: 0 ms).

Presets

• Collage — Category: Media
  Starts with: Image, Collection, Product, Video