How can I filter out sold out sizes in Symmetry theme?

Store Design
,

Topic summary

Size filters created via Shopify Search & Discovery are showing products under every size even when that size variant is sold out. Goal: have filters reflect only in‑stock sizes on the Symmetry theme.

Suggested approach (theme-dependent):

  • Edit theme code (Online Store > Themes > … > Edit code).
  • In product templates (e.g., product.liquid), render size options by looping product variants and including only those where the variant is available (variant.available).
  • Apply similar availability logic to collection and search templates (e.g., collection.liquid, search.liquid) so filtering on collection pages respects stock.

Notes:

  • Implementation details vary by theme; the responder cannot access the paid Symmetry theme and recommends consulting a Shopify developer or Shopify Support.
  • Back up or duplicate the theme and test changes in a non-live environment before deploying.
  • A screenshot is referenced but not essential to the solution.

Status: No confirmed fix in-thread. The guidance is generic; the open task is implementing availability-based filtering in the Symmetry theme’s Liquid templates.

Summarized with AI on January 8. AI used: gpt-5.
1

I’ve set up Size filters via Search and Discover, however these don’t appear to relate to size availability.

All of my products are showing on each of the size filters (see attached photo), even when that particular size variant has sold out.

Does anyone have a way of addressing this so that only what’s in stock will show up?

Using the Symmetry theme.

Screenshot 2024-01-09 at 16-04-26 Far Afield · Customize AW23 Homepage Draft · Shopify.png
Screenshot 2024-01-09 at 16-04-26 Far Afield · Customize AW23 Homepage Draft · Shopify.png326×218 1.36 KB

2

Here’s a general guide on what you might consider doing.

Please note that the specific implementation may vary based on your theme structure.

Your theme is a paid version, I cannot access it. Please consider hiring a Shopify developer or consulting Shopify’s support for assistance to check more accurately. This “filter by size available” part is much related to logic code liquid.

Solution below as example:

    1. Access Theme Code: From your Shopify admin, go to Online Store > Themes. Find your current theme and click on the “…” dropdown. Select “Edit code.”

view - 2024-01-15T181124.528.png
view - 2024-01-15T181124.528.png1569×783 96.1 KB

    1. Locate Product Template: Find the template file responsible for rendering product pages. This is often named product.liquid or similar.
    1. Modify Code to Filter Available Sizes:

Locate the code responsible for displaying size options.

You’ll need to loop through the available sizes and only display those that are in stock.

The exact code will depend on your theme structure, but it might look something like this:

{% for variant in product.variants %}
  {% if variant.available %}
    <option value="{{ variant.id }}">{{ variant.title }}</option>
  {% endif %}
{% endfor %}

This code snippet checks if a variant is available and only includes it as an option if it is.

    1. Update Collections and Search Templates:

If you want the size filters to work on collection pages and search results as well, you’ll need to repeat similar changes in the templates responsible for those pages (e.g., collection.liquid and search.liquid).

=> Remember to save your changes, and again, it’s essential to have a backup of your theme before making modifications.

If possible, use a development store or duplicate your theme to test changes before applying them to your live store.

Hope it helps.

Have a nice day!