Shopify collection pages and filtering that actually works

For a small catalogue the collection page is a grid and nobody thinks about it. Past a few hundred products it becomes the most important template on the store, because it's where people either find what they want or give up. Getting it right is mostly about filters, and filters are mostly about the tag vocabulary you agreed earlier.

Filters come from structured data

Shopify's filtering works from product options, tags and metafields. Which means the quality of your filters is decided entirely by the quality of your product data — you cannot filter by something you never recorded.

Two consequences worth taking seriously:

• Agree the vocabulary before loading products. Blue, blue and Navy Blue produce three filter entries for one colour, and no customer forgives that.
• Put facts in metafields, not in the description. A specification typed into prose is invisible to filtering forever.

Which filters to offer

Offer the filters people actually narrow by, and no more. For most catalogues that's four to six: price, one or two physical attributes, availability, and brand if you carry several.

Two rules that matter more than the list:

1. Never show a filter that returns nothing. A filter option with zero matching products in the current collection should be hidden or disabled, not clickable.
2. Show the count. "Blue (14)" sets expectations; "Blue" does not.

And put availability filtering on by default in the sense that customers can reach it easily — "in stock only" is the single most-used filter in most stores.

Sort order is a merchandising decision

The default sort is a business decision disguised as a technical setting. "Best selling" is a reasonable default for an established catalogue; "newest" suits a store where novelty is the draw; manual ordering is right for a small curated collection and unmaintainable for a large one.

What you should not do is leave it on whatever the theme shipped with, which is often alphabetical — a sort order that serves nobody.

Pagination, infinite scroll, or load more

For most stores, "load more" with real paginated URLs underneath is the right compromise: customers get the smooth experience, crawlers get pages they can reach. Pure infinite scroll on a large catalogue is how products end up invisible to search.

The SEO rules for filtered URLs

Filtering generates URL parameters, and parameters generate near-duplicate pages. Left unmanaged, a catalogue with six filters produces thousands of thin, near-identical URLs competing with each other.

The practical approach:

• Let the unfiltered collection be the canonical page. Filtered views should point back to it rather than each becoming its own indexable page.
• Promote the two or three filter combinations that are real search demand into proper collections with their own URL, title and description. If people search "outdoor dining chairs oak", that deserves a page — not a parameter.
• Don't link to filtered URLs from navigation unless they're one of those promoted collections.

Performance

Collection pages are where sloppy Liquid hurts most, because you're looping over many products. Nested loops over variants inside a product loop will make a 2,000-product collection slow on the server before a single byte reaches the browser. Lazy-load images below the fold, keep the card markup light, and measure — the speed audit covers the method, and custom theme development covers writing the Liquid so it doesn't happen.

A collection page is a search results page you control completely. Most stores treat it as a grid and wonder why site search gets used more than the navigation.