How to add “X colours” available in collection page? Like nike.com

Store Design
1

02839A4A-DC36-4664-8DE7-46613EF3FECD.jpeg
02839A4A-DC36-4664-8DE7-46613EF3FECD.jpeg1284×2778 222 KB

2

Hello Aviv3255

This can be done through coding, the specific code will depend on your theme and its structuring

3

Hey,

I’m using dawn theme

4

Hey, I was able to achieve this:

Uhrick_0-1664635612059.png
Uhrick_0-1664635612059.png1120×273 273 KB

If it’s good enough, add this code

{% if card_product.options_by_name['Color'] %}
      
      {{ card_product.options_by_name['Color'].values.size }} colors
      
{% endif %}

in this part of the card-product.liquid file. You can access it by going to online store > themes > actions > edit code

Uhrick_1-1664635857318.png
Uhrick_1-1664635857318.png1383×677 34.5 KB

PS: if your variant name is ‘Colour’ instead of ‘Color’, replace the word Color where it appears with Colour

5

Hey,

it worked on my store a month ago but now i have another store and it don’t work, Why?

6

are you using dawn theme too? Did you apply it the same way? And if the answer solved the issue, please mark it as a solution

7

Yes- dawn

and yes i used it the same way and it don’t work