How to hide out of stock product variants on a website?

Store Design
1

Hello,

is it possible to hide product’s out of stock variants on the website?

For example, if the size M of the dress is out of stock, size M even don’t show on web site as an option

2

Hi, @GuntinaTeam !

Welcome to Shopify Community.

You have come to the right place with your question - in fact, we have a tutorial built on hiding sold-out variants that you can use to implement this functionality.

Note:

If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.

This tutorial is designed for vintage Shopify-developed themes, therefore, may not work on any third-party or Online Store 2.0 themes.

Let me know which theme you are using and I’d be happy to provide any further guidance I can.

Warm regards,

3

Hi!

I am using free theme Dawn

4

Thanks for that context, @GuntinaTeam .

That tutorial is not designed for Online Store 2.0 themes like Dawn, therefore, this solution will not work on your website.

With that being said, I invite code experts on our forums to share their expertise on this matter. You can also consult with a Shopify Expert for code assistance on implementing this in your theme.

Warm regards,