Add "More colors available" text below products with more colors?

Technical Q&A
,

Topic summary

A user seeks to display “More colors available” text on product cards for items with multiple color variants, similar to a solution they found for the Dawn theme but adapted for the Origin theme.

Initial Solution Provided:

  • Navigate to Themes > Edit Code
  • Locate the product card snippet with class “card-information”
  • Insert Liquid code checking if product.variants.size > 1 to conditionally display the text

Implementation:

  • Original poster found “card-product” snippet instead of “card-information” and couldn’t get it working
  • Developer accessed the store via collaborator code (2639) and successfully implemented the feature (screenshot provided)

Ongoing Issue:

  • Another user reports the same solution isn’t working on their store despite trying multiple placements
  • They’ve requested assistance and provided collaborator access (code: 2663)
  • This case remains unresolved and awaiting developer response
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I am trying to add text below product cards that says “More colors available”, or something along those lines, for products that have more than one color available. I found the solution for Dawn theme but I am using the Origin theme. Thanks!

https://respaljedesign.com/

2

Hi @mrespalje

You can do this by customizing your product card template.

Go to Themes > Three Dots > Edit Code.

Search for the product card snippet and find the class [class=“card-information”].
After this

, add the following Liquid code, which will help display the text if color variations are available,


  {% if product.variants.size > 1 %}
    
        More Colors Avaiable
    

  {% endif %}

If this solution works, kindly like this reply and mark it as the solution. If it doesn’t work, please share your store collaboration access, and I will do it for you.

3

Mine has a “card-product” snippet, but not sure if that’s the same thing? I tried entering the code but it did not seem to work. Here is a collaborator code: 2639

1 Like
4

Hi @mrespalje

The wok is done kindly check:

Mehran_Ali_0-1723829711508.png
Mehran_Ali_0-1723829711508.png1902×714 154 KB

Kindly like this replay and mark it as a solution.
for further assistance feel free to contact me on below details

5

This solution also isn’t working for me. I’ve added it in several different areas but it is not showing on my product cards. Can you assist @Mehran_Ali ? Collaborator code: 2663.