How to hide unavailable variants?

[Shivani3]

Currently I am using shopify dawn theme, and want to disable the clothing variant which are not available in stock. I want the size to appear little light in colour , so customer will get idea that the size is not available.

[namphan]

Hi @Shivani3,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product-form__input--pill input[type=radio]:disabled+label, .product-form__input--pill input[type=radio].disabled+label {
    opacity: 0.5;
}

[Shivani3]

Hello, I tried this code but its not working.

[namphan]

Hi @Shivani3,

Please send me the product link, I will check it

[Shivani3]

https://hawbeez.com/collections/clothing - All products from this collection page