Display number of colors under product title on collection page in Dawn theme

[bougli]

Hi, I'm looking for a code that displays the number of available color options under the product name on the collections page. Please see example image below. Thanks in advance for any help.

 

[topnewyork]

Hello @bougli,

You want to like this?

Thanks!

[bougli]

Hi. Yes, similar to that.

[topnewyork]

Hello @bougli,

First you creat metafield go to setting > custom data > select product > creat metafield name "colorname"

then go to product select product

and then type 

go to theme and edit code search file main-collection-product-grid.liquid and paste the code in line no 74
{{ product.metafields.custom.colorname }} 

Result:

Thanks!

[Lesandra]

Hi, this did not work for me. The text is not under the product, but it's to the side.