Solved

Add 'More Colours Available' to collection page

JK2022
Tourist
5 0 1

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

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1001 1125

This is an accepted solution.

Hi @JK2022,

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

Screenshot.png

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 %}
LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 6 (6)

Lucid_Polygon
Shopify Partner
349 63 89

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

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

LitExtension
Shopify Partner
4860 1001 1125

This is an accepted solution.

Hi @JK2022,

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

Screenshot.png

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 %}
LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
JK2022
Tourist
5 0 1

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

GracedWF
Tourist
4 0 3

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

LitExtension
Shopify Partner
4860 1001 1125

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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Magentaboutique
Visitor
1 0 0

how do i do this on gain theme?