Shopify · CRO · Collection Pages

Collection
Page
Audit

Every element that determines whether a visitor finds what they came for, or leaves. Layout, filters, product cards, quick add, image interaction, and what sits below the grid.

Section extract Shopify Store Audit
Section Extract
This is the Collection Page section of the Complete Shopify Store Audit. It covers every element that determines whether a visitor finds what they came for, from layout and filters to quick add, image interaction, and what sits below the grid.

Collection Page

Most brands treat the collection page like a holding area. It's not. It's the primary discovery engine, where a visitor either finds what they came for or leaves.

Start Here: Framing

Before anything else, count the products.

<10
Under 10 products
Don't use a collection grid. Use a featured card layout. Think Crumbl Cookies homepage. Standout cards, not rows of thumbnails.
~
Under 10 with lots of variants
Split variants into individual listings. Each color, each flavor, each option gets its own card. The grid should feel full.
30+
30+ products
Standard collection grid is correct. Everything below is for this context.

Layout & Discovery

Filters & Sorting

Product Cards

Quick Add

Bad

No quick add at all.

Good

Quick add button that adds directly to cart.

Great
Two-step quick add. Clicking "Add" opens a drawer, not the cart, a focused drawer. The drawer contains: media gallery, color selector, size selector, 2–3 line product description, Add to Cart button, View Full Product link.

For fashion: on hover (desktop) or quick-add tap (mobile), show a size overlay on the product card first. When they select a size, then open the drawer with that size pre-selected.

Image Interaction

Can visitors scroll through product images from the collection page without going to the PDP? On hover, carousel arrows should appear, or a thin progress bar at the bottom of the image that fills as you scroll through shots.

UX & Navigation

Below the Grid

Collection Banner

Inventory

Are out-of-stock products hidden? In most cases, yes. Exception: scarcity-based brands where showing sold-out previous collections reinforces demand. If you're running paid traffic to a collection, every product in it should be in stock.

What good looks like
Products sorted by revenue performance, not upload date. Filtering brings the count down fast. Quick add reduces friction without polluting the cart. The best products stand out visually. Image quality is high, shot lists are complete. Scroll position is preserved. Discovery options, search, subcollections, quiz, are surfaced at the right moments. The design feels premium, not assembled.
This is 1 area. The full audit covers 11.
Which of your leaks is actually costing the most?

A checklist shows you what to look for. It cannot tell you which leak is bleeding the most revenue on your store, or in what order to fix. The Store Autopsy ranks the 20 to 70 leaks actually costing you money, top 3 surfaced, delivered in about 2 weeks. $800, credited in full toward the fix. Proof, not opinions.

Get the Store Autopsy → See the full audit