Add text "more colors available" under price on product thumbnails

[OuterChild]

I have some products with variants that I cannot show all on the thumbnail page. I want people to know if they click there are more colors available. Somthing like seen in red text below. My theme is Spotlight. Is this possible? Thank you!

[Guleria]

Hello @OuterChild ,

If need further help you can drop me an email to discuss it.

Thanks

[Van_Nguyen_GSG]

Hi there,

If you're a bit familiar with theme coding, then find where you want to display the Custom code (it's the snippets/card-product.liquid in Dawn theme). Then add the code below:

{% if card_product.variants.size > 1 and card_product.options_by_name['color'].values.size > 1 %}
  <span class="card__heading h5">
    More colors
  </span>
{% endif %}

[OuterChild · Accepted solution]

That is extremely awesome of you and that totally did the trick! Works great. Thank you so much! I am as excited as I seem haha.

Emily

[Abudaud]

hello, can i add different text for each product card like in this picture ?