Out of stock swatch

On the size 10 it is out of stock,

Can I have the in Stock perimeter in black and the out of stock items in a lighter grey,

so you can see its out of stock before you click it please?

https://snag.gy/TuVPf4.jpg

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-image-summary .out-of-stock{
color:grey;
}
body .product-image-summary .in-stock, 
body .variations_form .in-stock, 
body .wishlist_table tr td.product-stock-status span.wishlist-in-stock, 
body .woodmart-compare-col .in-stock, .woodmart-sticky-btn .in-stock {
    color: #000000;
}

Best Regards

hasn’t seem to do anything even after flushing cache

Oh no not this part thats fine like that see attached

https://snag.gy/adLSUo.jpg

7US is in stock which is good

10US is out of stock,

On the size attribute which is out of stock i.e 10US can this be in light to show its out of stock to stop customer clicking on it

I removed the first code to get the out of stock sign back to red, didn’t work.

then I changed grey to red and still not back to default

Hello,

The site provided earlier is not working now. Provide the valid link as well as page URL.

Best Regards

https://snag.gy/wuyADI.jpg

Now why have my sizes change style I like the squares before?

Hello,

You could remove the code which made your sizes square. Try to add the code once again.

Best Regards

[Author]

Posts