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!
Topic summary
Goal: Indicate on product thumbnails that additional color variants exist (e.g., “More colors available”) in a Shopify store using the Spotlight theme.
Solution provided: Add a conditional label in the product card template. In the Dawn theme, this goes in snippets/card-product.liquid and renders the text when a product has multiple variants and multiple color values. The approach likely applies to Spotlight via its equivalent product card snippet/template.
Outcome: The original poster confirmed the code-based solution worked as intended.
Notes: Images were shared to illustrate the desired placement of the text beneath the price.
Latest development: A follow-up question asks whether different, custom text can be shown per product card (as in a provided screenshot). No guidance or answer yet.
Status: Initial request resolved; new request (per-product custom text) remains open/unanswered.
1 Like
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 %}
More colors
{% endif %}
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
1 Like
