Adding Filter to Your Shopify Store

Adding filters to your Shopify store lets customers narrow down products by size, color, price, or any attribute - reducing friction and increasing the likelihood they complete a purchase. Stores that implement well-structured filters see measurable improvements in time-on-site and conversion rates.

This guide covers exactly how to enable Shopify's native collection filters, create custom filters using product tags and metafields, and avoid the mistakes that make filters hurt rather than help.

Why Do Product Filters Matter for Your Shopify Store?

Product filters reduce the time a shopper spends hunting. On a collection with 50+ products, an unfiltered browsing experience leads most visitors to leave within 30 seconds. Filters by size, price range, color, or brand compress that decision-making process into seconds. The result: higher pages-per-session and more add-to-cart events.

Shopify's native filtering system, introduced with Online Store 2.0 themes, handles most standard use cases without needing a third-party app. For advanced custom filters - think "material," "fit," or "occasion" - you'll need metafields or product tags and optionally an app like Boost Commerce or Product Filter & Search.

How Do You Enable Filters in Shopify?

Shopify's built-in filters are enabled in the admin under the Navigation section - not under themes or apps. Here are the exact steps:

1. From your Shopify admin, go to Online Store > Navigation.
2. Click Collection and search filters.
3. Click Add filter.
4. Choose a filter type: Availability, Price, Product type, Vendor, or a custom filter based on product tags or metafields.
5. Set the filter label (what shoppers will see) and save.
6. Repeat for each filter you want to display across collections.

Filters created here apply globally across all collections. If you need different filters per collection, you'll need a third-party app or custom Liquid code.

Note: Your theme must support Online Store 2.0 filters. Free themes like Dawn, Sense, and Craft all support them natively. If you're on an older theme, you may need to upgrade or use an app-based solution.

How Do You Check If Your Theme Supports Filters?

Your Shopify theme must support "storefront filtering" to display collection filters. Check by going to Online Store > Themes > Customize, then navigating to a collection template. If you see a "Filter" section in the sidebar panel, your theme supports it. If not, check the theme documentation or contact the developer - most premium themes updated since 2022 include this.

What Types of Filters Can You Add to Shopify?

Shopify supports several out-of-the-box filter types, plus custom options:

• Availability: In stock / Out of stock - always useful for large catalogs
• Price range: Shopify generates price brackets automatically based on your product range
• Product type: Pulls from the "Product type" field on each product
• Vendor: Useful for multi-brand stores
• Product tags: The most flexible option - tag products with values like "cotton," "slim-fit," or "vegan," then create a filter mapped to those tags
• Metafields: For stores on Shopify 2.0 with defined metafields (e.g., "material," "size guide"), these can be used as filter dimensions

How Do You Create Custom Filters Using Product Tags?

Custom tag-based filters are the most accessible option for most Shopify stores. The process is straightforward:

1. Decide on a filter category - for example, "Color."
2. Go to each product and add tags using a consistent format, such as color_red, color_blue, color_black.
3. Back in Online Store > Navigation > Collection and search filters, click Add filter and select Product tag.
4. Set the label to "Color" and save.

Shopify will automatically read the tagged values and populate the filter options. Consistency is critical - "Red," "red," and "RED" will show as three separate options. Use a tagging convention and stick to it across your entire catalog.

How Many Filters Should You Show?

Research on eCommerce UX consistently finds that 5 to 7 filter options is the sweet spot for most stores. Fewer than 3 provides too little refinement - shoppers still feel overwhelmed. More than 8 can cause decision paralysis, especially on mobile where filter panels take up most of the screen.

Prioritize your highest-impact filters first: price range and availability almost always belong at the top. Secondary filters like color, size, and brand should follow. Filters like "material" or "collection year" are tertiary and can often be collapsed or hidden by default.

Optimizing Filters for Mobile Shoppers

Over 70% of Shopify traffic comes from mobile devices. Filter panels that work well on desktop often fail on mobile - either because they don't collapse cleanly or because filter values overflow horizontally. Test your filter setup on a real phone, not just the Shopify theme preview.

Key mobile considerations:

• Use a slide-out or drawer-style filter panel rather than an inline sidebar
• Ensure tap targets are at least 44px tall for accessibility
• Show a "Clear filters" button prominently so users can reset without reloading the page

Automated vs. Manual Filter Creation

Shopify's native system requires manual tagging of products and manual setup of filter definitions. For stores with hundreds of SKUs, this is time-consuming but sustainable if you establish a tagging system early.

Apps like Boost Commerce (from $19/month) and Product Filter & Search (from $19/month) automate filter generation from product data, support per-collection filter sets, and offer real-time AJAX filtering without page reloads. These are worth the investment for stores with 200+ products or complex variant structures.

Which Filter Types Actually Boost Conversions

Not all filters are equal. Stores that implement filters well see conversion rate increases of 15-30%. Here's what works:

• Price range slider. The single most-used filter across nearly every store category. Keep the range generous - customers often want to filter above what you think is their budget.
• Size (apparel, shoes). Essential. Without a size filter, mobile users won't scroll through 40 out-of-stock items to find theirs.
• Color. Works best as visual swatches, not text labels. A red dot is faster to recognize than the word "red."
• Brand. Critical for multi-brand stores. Customers often know the brand they want before the style.
• In-stock only. Underrated. When prominently displayed, it reduces the number of dead-end product clicks.
• Customer rating. "4 stars and up" filters work well for stores with lots of reviews. For new stores, skip this - an empty filter hurts trust.

Filter Placement: Sidebar vs Horizontal Bar vs Drawer

Where you put filters affects usage rates significantly:

• Sidebar (desktop) - Traditional. Always visible, easy to use multiple filters. Best for stores with 5+ filter categories.
• Horizontal top bar - Modern. Saves vertical space for product grid. Works best for stores with 3-4 simple filter options.
• Collapsible drawer (mobile) - Non-negotiable on mobile. Screen space is too limited for a sidebar.

On mobile specifically, the drawer should have a sticky "Filter" button at the top of the product grid and an "Apply" button at the bottom of the drawer. Without these, users get lost in the filter options.

Common Filter Setup Mistakes

• Showing filters with zero matching products. If "Red" shows but no red products exist, hide it. Most filter apps let you configure this automatically.
• Too many filter categories. More than 8-10 filters overwhelms users. Combine similar ones or hide rarely-used filters.
• Slow filter response. Filters should update in under 500ms. If your store has thousands of products, use AJAX-based filtering (most paid filter apps handle this).
• Not updating the URL. When customers apply filters, the URL should change so they can share or bookmark filtered results. This is also critical for SEO - filtered pages can rank for long-tail queries like "red dress under $50."
• Forgetting mobile testing. Over 70% of Shopify traffic is mobile. A filter setup that works on desktop can be unusable on a phone.

For a deeper look, see our complete guide to Shopify Apps For Your Store.

Conclusion: Adding Filter to Your Shopify Store

Adding filters to your Shopify store is one of the highest-ROI improvements you can make to a collection page. For filters to work well, customers need to be able to reach those collection pages first - our guide to adding links to Shopify collections covers every method, from navigation menus to the Online Store Editor. Native filters are free and take under 30 minutes to configure - the main investment is ensuring your product tags and metafields are consistent. For larger catalogs or stores that need per-collection control, a dedicated app gives you that granularity without custom code.

Start with price range and availability, add your most-used variant attributes, and test on mobile before going live. That combination alone will meaningfully improve how shoppers experience your catalog.