Solved

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

OuterChild
Visitor
2 1 2

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!

Screenshot 2024-03-26 at 6.39.31 PM.png

Accepted Solution (1)
OuterChild
Visitor
2 1 2

This is an 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

View solution in original post

Replies 3 (3)

Developer-G
Shopify Partner
3079 604 859

Hello @OuterChild ,

 

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

 

 

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

Van_Nguyen_GSG
Shopify Partner
148 22 40

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 %}
Helping Shopify merchants build stores that convert.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- If you still need help, feel free to reach out to me at: van@glue.sg
Cheers!
OuterChild
Visitor
2 1 2

This is an 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