Can I mark sold out sizes with an X on my website?

Store Design
, ,
2

Add this loop in variant class -

{% for variant in product.variants %}

{% if variant.available == false %}

cross-mark

{% endif %}

Then add the style

.cross-mark:before { content: “x”; position: absolute; top: 5px; right: 5px; color: black; }

{% endfor %}

Was my reply helpful? Please Like and Accept Solution. This mean a lot to me.

1 Like