Collection Hero

A two-column header for collection pages. The title sits on the left, the description on the right, and at desktop widths they align vertically at centre. On mobile they stack with the title on top.

Both the title and description fall back to the collection’s own values automatically — you don’t re-enter them. Override only when the page needs different copy than what the collection has in the admin.

Only available on collection templates.

Settings

Setting	What it does
Section ID	Optional anchor for jump links.
Padding top / bottom (mobile)	Default 48px each.
Padding top / bottom (tablet)	Default 64px each.
Padding top / bottom (desktop)	Default 80px each.

There are no colour or background settings. The section is transparent and inherits from the page.

Blocks

Static blocks:

• Title — the collection heading. Leave blank to use collection.title. Default style heading-2xl. Capped at 764px wide on desktop.
• Rich text — the description column. Leave blank to use collection.description. Capped at 664px wide on desktop.

Repeatable:

• Tag — a small label above the title (e.g. “Shop All”, “Juicers”).

Fallback values are automatic

Leave the Title and Rich text blocks empty and they pull from the collection’s own title and description. Only fill them in when you want different text than what the collection itself has — and remember that means two places to keep in sync if the collection name changes.

Where it’s used

All three collection templates: collection.json, collection.parts.json, and collection.gift-guide.json.

Tips

• Leave both fields blank unless you have a reason to override. Editing the collection in the admin then updates the page automatically.
• Add a Tag block to give the page a category label above the title. It’s the only repeatable block the section accepts.