Shopify Collection Filters Not Working: Search & Discovery, Theme, and App Fixes (2026)

Quick Fix with Thunder

Check Search & Discovery Filter Configuration

Open Shopify's Search & Discovery app and confirm the filters you expect are enabled. Native Shopify filters can use availability, price, product type, vendor, product options, metafields, and tags depending on your catalog and theme. If a filter source is not enabled, the storefront cannot display it.

Then test a collection that actually contains products with those values. A color filter will not show if the collection has no products with a color option or metafield. A price filter can look useless if every product sits in the same narrow range. A tag filter can become noisy because every product tag may be exposed.

For cleaner filters, prefer structured product options and metafields over broad tags. If your Search & Discovery setup is also affecting search, use the Shopify search bar troubleshooting guide.

Verify the Theme Filter Form and URL Parameters

Modern Shopify themes render filters from collection.filters and submit filter choices as URL parameters. If a custom collection template removed the filter form, changed input names, or replaced native links with custom JavaScript, filters may click but never apply.

<form id="FacetFiltersForm" class="facets">
  {% for filter in collection.filters %}
    <fieldset>
      <legend>{{ filter.label }}</legend>
      {% for value in filter.values %}
        <label>
          <input
            type="checkbox"
            name="{{ value.param_name }}"
            value="{{ value.value }}"
            {% if value.active %}checked{% endif %}>
          {{ value.label }} ({{ value.count }})
        </label>
      {% endfor %}
    </fieldset>
  {% endfor %}
</form>

After clicking a filter, the URL should update with filter parameters and the product grid should match. If the URL changes but products do not, inspect collection section rendering. If the URL does not change, inspect JavaScript errors and submit handlers.

Test Theme Compatibility and App Conflicts

Duplicate the live theme and preview a fresh Shopify theme if needed. If filters work in the fresh theme but not the live theme, the issue is inside custom collection code, a filter app, a page builder, or an app embed. Disable app embeds one at a time and retest the same collection URL.

Filter apps can be useful for advanced merchandising, but they often add JavaScript-rendered product grids, extra API calls, and larger DOM updates. If the app breaks or loads slowly, shoppers see missing products, stuck spinners, or filters that reset after each click.

For app-heavy collection pages, follow the app scripts cleanup guide, app leftovers checklist, and collection page speed guide.

Keep Large Collection Pages Fast Enough to Filter

Filters become harder to use when collection pages render too many product cards, oversized images, app badges, review stars, quick-add widgets, and personalization scripts. That increases DOM size, network payload, and main-thread work before the shopper even clicks a filter.

Use pagination or reasonable infinite scroll, lazy load below-the-fold product images, and avoid loading every variant image into every product card. For technical cleanup, read the complete Shopify speed optimization guide, excessive DOM size guide, and network payload reduction guide.

After each fix, test the same collection on mobile. Filtering is close to buying intent: if shoppers cannot narrow the catalog quickly, they leave before product pages get a chance to convert.

Manual Fix vs Thunder Fix

If collection-page cleanup grows beyond quick fixes, compare Thunder pricing with professional Shopify speed optimization.

FAQ