Add 'More Colours Available' to collection page

[JK2022]

Hey there! 

I am looking to add the text 'More Colors Available' below products that have more than one color variant on the collection page. I've tried multiple different things based on some Shopify threads, but haven't had any luck with our store.

Any help you could offer would be very much appreciated!

Thank you so much!

Jaclyn

[Lucid_Polygon]

@JK2022 Which theme are you using? Please show the product page example with screenshot so we could assist you.

[LitExtension · Accepted solution]

Hi @JK2022,

Please go to product-card.liquid file and add code here:

Code:

{% if product_card_product.variants.size > 1 and product_card_product.options_by_name['color'].values.size > 1 %}
  <span class="card-information__text h5">
    More styles available
  </span>
{% endif %}

[JK2022]

Thank you!! It worked!! Really appreciate your help!

[GracedWF]

Where would I place this in the Dawn theme? I can't find the product-card.liquid page

[LitExtension]

Hi @GracedWF,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

[Magentaboutique]

how do i do this on gain theme?