Sticky Collection Grid

A collection grid that stays pinned near the top of the viewport while shoppers scroll through it.

Show a grid of collections that stays pinned near the top of the viewport while the shopper scrolls through it — a way to keep collection navigation visible without a shopper losing their place.

---

How to add

1. In Theme Editor, click Add section.
2. Select Sticky Collection Grid.
3. Add up to 8 collection blocks, each with an optional custom image override.

Good to know

• Sticky offset needs to clear your header height — if the grid overlaps the header on scroll, raise the offset.
• Show quantity is on by default, so collection cards will display a product count unless you turn it off.

Customization ideas

• Pair this with a tall page (lots of collections or a long homepage) — the sticky behavior is most noticeable when there's real scroll distance for it to hold position through.

---

Settings reference

Settings

Setting	What it does
Collection blocks	Up to 8 — one per collection, each with a custom image override
Enable sticky content	Defaults to on
Sticky offset	24–160px, defaults to 120 — how far from the top of the viewport the grid sticks
Show quantity	On by default — shows a product-count badge per collection card

Best practices

• Keep the collection count reasonable (4–8) — too few and the sticky effect barely shows, too many and the grid gets crowded.

Related

• Shoppable media slider & product hotspots