Adding colours/variation amounts to collections product card

[emilyaugstudios]

Hi, does anyone know how to add the product colour and amount of colours available to my product card on the collection pages? I want them to appear underneath as the image shows below if possible 🙂 

I'm using the Prestige theme – https://927103-16.myshopify.com/

Many thanks,

Emily

Current look (the product colour is in the title) –

What I'm trying to achieve with the product colour and amount of colour variations added below the title and price on the product card –

[Guleria]

Hello @emilyaugstudios ,

Use this code after the title code

{% if product.variants.size > 0 %}
      {% assign first_variant = product.variants.first %}

      {% for option in first_variant.options_with_values %}
        {% if option.name == "Color" %}
          <p>Color: {{ option.value }}</p>
          {% break %}
        {% endif %}
      {% endfor %}
    {% endif %}
 <p> {{ product.variants.size }} colors

Note: Maybe you have to make a little change a/to the theme code.  Also you need to fix the existing code. 

Thanks