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

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

sophiaemli
Excursionist
14 1 1

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): 

 

sophiaemli_0-1697268826980.png

 

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

Thanks a lot in advance for any suggestions!! 🙂

 

 

Replies 4 (4)

Ugurcan
Shopify Partner
348 7 34

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

Pasilobus | eCommerce Experts, Shopify Apps & Development since 2015 -- www.pasilobus.com
sophiaemli
Excursionist
14 1 1

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

PaulNewton
Shopify Partner
7721 678 1619

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.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


sophiaemli
Excursionist
14 1 1

Ok, thank you! 🙂