How to Filter by Tag, Variant and Collection in Shopify

Why Tag, Variant, and Collection Filtering Matters

Customers do not browse catalogues the way merchants build them. A customer looking for a "small navy cotton t-shirt" does not want to scroll 200 products — they want to filter. Getting filtering right across tags, variants, and collections is one of the most direct ways to reduce search abandonment and lift conversion.

Shopify gives you three main filtering mechanisms: tag-based filters, variant option filters, and collection-scoped filters. Each works differently, and each has its own setup requirements. This guide covers all three.

Filtering by Product Tags

Tags are the most flexible filtering mechanism in Shopify because you control them entirely. Any product can have any tag, and you can create filter groups based on tag prefixes.

How to set it up:

1. Open Shopify Search & Discovery from the App Store.
2. Go to Filters and click Add filter.
3. Choose Tag as the filter type.
4. Enter the tag prefix you want to use as a filter group — for example, "material-" to create a Material filter from tags like "material-cotton", "material-linen", "material-silk".
5. Save and check your collection pages.

For this to work, your products need consistent tagging. Every product that should appear in the "cotton" filter option must have the tag "material-cotton" (or whatever prefix you choose). A mix of "cotton", "Cotton", "100% cotton" will fragment the filter. Standardise before you start.

Tip: Use lowercase hyphenated tag prefixes throughout your catalogue. It is easier to audit and less prone to inconsistency than mixed-case tags.

Filtering by Variant Options

Variant options — Size, Colour, Material, or any custom option you have defined — are the most natural filter type for apparel, footwear, and similar categories.

How to set it up:

1. In Search & Discovery, add a filter and choose Option as the type.
2. Select the option name you want to filter by (e.g. "Size" or "Colour").
3. Shopify will automatically pull the values from your products and aggregate them into the filter.

Common problems with variant filters:

• Inconsistent option names. If some products use "Color" and others use "Colour", they will not aggregate. Go to Products in your admin, filter by the products you want, and check that option names are identical.
• Too many values. A Size filter with 40 values is unusable. Set a display limit or group sizes into ranges (XS-S-M-L-XL vs. 6-7-8-9-10 shoe sizes) using different option names.
• Variants not published. Only published variants appear in search and filters. Check that your out-of-season or out-of-stock variants are either published or intentionally unpublished — see our guide on hiding products from Shopify search for more on this.

Filtering Within a Collection

Collection-scoped filtering means the filters only show values relevant to products in that collection. Shopify Search & Discovery handles this automatically — the filter panel on a collection page only shows options that exist within that collection's products.

This is the correct behaviour and you do not need to configure it manually. However, it does mean your collection structure matters. If "Jackets" contains products with five different material options, the Material filter will show all five. If it contains 40 material options from a poorly structured catalogue, the filter becomes overwhelming.

Organise your collections before your filters. A well-structured collection with a coherent product set produces clean, useful filters.

Filtering on the Search Results Page

Here is the gap: collection filters work well, but the search results page does not support native faceted filtering. A customer who searches "blue cotton jacket" lands on a flat results list with no filter sidebar.

This is a meaningful UX gap. Search is higher intent than browsing, so the customer who types a query arguably needs filtering more than the customer who clicks a collection — and yet native Shopify gives them less filtering, not more.

A dedicated search app like Search Sight closes this gap. Search Sight's results page includes a full faceted sidebar — filters by tag, variant, price, vendor, collection, and availability — on both the search results page and collection pages. Everything updates via AJAX without a page reload.

For more on the overall filtering setup, see Shopify product filters and faceted search. For the broader search picture, visit our Shopify search hub.

What Happens When a Customer Filters on the Search Results Page in Shopify

Here is the scenario that trips up many merchants: a customer searches "blue dress" and gets 80 results. Natively, they cannot filter that list by size or price. They scroll for a while and leave.

On a collection page for "Dresses", that same customer could have added a Size filter and a Colour filter and seen 5 relevant results in seconds. The irony is that search — the higher-intent path — has a worse filtering experience than browsing.

This is the gap that dedicated search apps close. Search Sight brings the same faceted filtering experience to the search results page that you can already build on collection pages. The customer who searched "blue dress" gets a filter sidebar with size, colour, price range, brand, and availability — and the results update without a page reload.

If your store sees meaningful search traffic (check Shopify analytics for the share of sessions that include a search), fixing this gap is one of the highest-impact changes you can make.

Combining Collection Filtering with Search

A powerful pattern that many merchants overlook is filtering within a collection-scoped search. Rather than making customers choose between "browse this collection" and "search the whole store", you can offer collection-scoped search — a search that only queries products within a specific collection.

This is particularly useful for large, well-defined collections. A "Women's Shoes" collection with 800 products becomes much more navigable if a customer can type "block heel" into a search input scoped to that collection rather than the whole store.

Search Sight supports collection-scoped search, meaning the search input can be configured to only return results within the current collection. Combined with the faceted filter sidebar, this gives customers a powerful narrowing experience: start with a collection, search within it, filter by size and colour, and arrive at exactly the right product in seconds.

This pattern aligns with how many customers actually shop — they start with a broad category intent ("I want shoes") and narrow from there, rather than starting with a precise product specification. Matching that mental model in your UX leads to faster discovery and better conversion.

Quick Checklist for Reliable Filtering

• Product option names are identical across all products in a category
• Tags use a consistent lowercase prefix scheme
• Every product that should appear in a filter has the correct tag or option value
• Collections are scoped to coherent product sets
• Maximum value counts are set on high-cardinality filters
• Out-of-stock products are handled intentionally (published with availability filter, or hidden)

Start your free 14-day trial of Search Sight and get faceted filtering on both your search results page and collection pages — every plan, no extra setup.