Hide 0 Stock Variants From Store

[Sportitfirst]

Hi,

We are using Ella 6.7.0 theme version paired with Shopify's filtering system.

A limitation of the filters is that it allows you to filter on variants even if they have 0 stock, which is a poor UX. To fix this we want to hide all 0 stock variants from our store both on collection and product pages. Please can we have some assistance on how to do this. Thanks.

Sport It First | Sportswear, Clothing & Footwear Store

[Moeed]

Hey @Sportitfirst 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-form__label.soldout {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Sportitfirst]

Thank you! This has worked for product page, however OOS variants still visible on filter and through quick view. See below where 8.5 is not visible on product page but is on quick view 

Sport It First ⚡

The filter is also still showing the product for an 8.5. Is this because the store needs to sync?