How can I hide the unavailable variants in Horizon theme?

Technical Q&A
1

Hi,

How can I hide the unavailable variants in Horizon theme?

2

@j_adv21 please open product page in customize settings and please check if you have an option to hide unavailable variants, if no then will need to edit the code.

3

Hey @j_adv21

Let me have a look at your store and see if I can provide you a solution without the collaborator access. Share your store URL and Password if enabled.

Best,
Moeed

4

Hi,

Hope this will help

Go to Themes>Edit code>Open the variant rendering snippet (something like product-variant-options.liquid)

Inside variant loop, wrap the content with:

{% if variant.available %}
  <!-- existing code -->
{% endif %}

This removes sold-out variants from the picker. Alternatively, you can keep them visible and label them as “Sold Out” for better UX.