Hide Variants that has 0 stock

Store Design
83

hello @Liquid_xPert_SJ I have looked every where but can only seem to find this solution!

This worked great for my size pills - but it doesn’t work for my colour swatches underneath sizing.

rachskipping_0-1742289833337.png
rachskipping_0-1742289833337.png456×301 16.3 KB

rachskipping_1-1742289885283.png
rachskipping_1-1742289885283.png445×337 16.3 KB

For example I have tshirts in Standard & Heavy Weight. Standard is available in XS size but heavy is not, the hide code you posted above works to hide the XS pill. There are also colours for each tshirt, for example the standard tee does not come in the grey colour 3rd from the left of the swatches. How can I hide the colour swatches that aren’t relevant for each tee style?

I tried to add a similar line of code but this didn’t do anything.

.js.product-form__input.product-form__input--pill input.disabled + label {
	display: none;
}
.js.product-form__input.product-form__input--swatch input.disabled + label {
	display: none;
}

Thankyou!