CCR Code for a Label "Various Sizes" on Product Pictures in Product Grid

[sophiaemli]

Hi!

I want to add little labels on my product pictures in the product grid view, that say something like "various sizes" or "various colours", it should look like this (this is the given example product for the crave theme): 

Can anyone help me with some CSS code I could add in my custom CSS ?

Thanks a lot in advance for any suggestions!! 🙂

[Ugurcan]

This cannot be done with CSS, you need to modify the liquid code first and then styles can be added.

[sophiaemli]

Oh ok, do you have a suggestion for the liquid code? 🙂

[PaulNewton]

Your searching for "badge" customizations, this will vary wildly depending on theme.

For Dawn based themes plenty of existing topics to research if DIY'ing it.

Example logic {% unless product.has_only_default_variant %}various sizes {% endunless %}

If you need this customization built then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact info in signature.

[sophiaemli]

Ok, thank you! 🙂