Collection Page CRO: The Page Everyone Ignores

The collection page gets a fraction of the attention the product page gets, and it sits directly upstream of it. If shoppers cannot find the right product, nothing you do on the product page matters.

Sort order is a merchandising decision

Shopify defaults new collections to manual order, which in practice means whatever order products were added. Most stores never change it, which means their collection pages are sorted by nothing.

Best-selling is a reasonable default. But the better answer is usually a deliberate hand-sort for the top eight positions — the products above the fold on desktop and the first screen on mobile — followed by best-selling for the rest.

Those first eight are your shop window. They should be the products that convert best, have the best photography, and are actually in stock.

Filters must match the customer's vocabulary

The most common filter failure is filtering by attributes the business tracks rather than attributes the customer thinks in.

A customer shopping for a sofa does not think "upholstery grade 3". They think "will this survive a dog". A customer shopping for foundation does not think "shade 4W2". They think "medium with yellow undertones".

Look at your site search queries. That is your customers describing products in their own words, for free. Build filters from that list.

Two rules that hold almost everywhere:

• Fewer than five filter groups, or people stop reading them
• Show result counts next to each option, so nobody selects a filter that returns nothing

What belongs on a product card

The card has to do enough to earn the tap and not so much that the grid becomes noise. In practice:

• Image, on a consistent aspect ratio across the whole grid
• Product name
• Price, and compare-at price only when there genuinely is one
• Review count if you have meaningful volume — a lone "4.9 (3)" is worse than nothing
• One differentiator relevant to the category — colour swatches for apparel, size options for furniture, key ingredient for beauty

What does not belong: long descriptions, multiple badges competing for attention, or a quick-add button that skips a product page the customer needed to read.

The inconsistent aspect ratio problem

If product images have different aspect ratios, the grid becomes ragged and every row feels accidental. It is the single most common reason a collection page looks amateur next to a competitor's.

Fix it in the theme with a fixed aspect ratio and object-fit: cover, and fix it properly at the photography stage. A consistent grid reads as a curated shop; a ragged one reads as a spreadsheet.

Pagination versus infinite scroll

Infinite scroll increases products viewed and makes it impossible to reach the footer, which is where your trust content, policies, and internal links live. It also makes it hard to return to where you were after visiting a product.

A "load more" button is the pragmatic middle: no page reload, no lost footer, and the back button behaves.

Empty and out-of-stock states

Two states most themes handle badly:

No results after filtering. Do not show a blank page. Show what to relax — "no results in size 8 and under £50; here are size 8 items under £75."

Out of stock products in the grid. Do not hide them silently — a customer who cannot find a product they saw last week assumes the site is broken. Show them, visibly marked, with a back-in-stock signup. That waitlist is one of the cleanest demand signals you will get.

What to measure

Collection page work shows up in two places: product page view rate per collection session, and collection page exit rate. If both improve, the merchandising is working. Conversion rate will follow, but it moves last.