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.

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; }

Hi @Shivani3 , Please send me the product link, I will check it

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

How to hide unavailable variants?

Store Design

Shivani3 August 1, 2024, 10:22am 3

Hello, I tried this code but its not working.

Topic		Replies	Views
Hide unavailable variants with craft theme Store Design design , css	9	125	April 4, 2025
How do you hide the "disabled" variants on the product page in the Impulse theme? Store Design design , shopify-themes	5	102	March 1, 2024
How to hide unavailable variants Technical Q&A troubleshooting	18	596	December 2, 2025
How to remove the variants that is not available Store Design design	4	107	March 24, 2024
Hide specific variants from a product - Dawn 9.0.0 Shopify Apps third-party-apps , shopify-apps	3	95	November 14, 2024

How to hide unavailable variants?

Related topics