Howdy, looking for code to display the number of colors a product is available in. Not a swatch, just text ie. 5 Colors, much like the Nike example below. Thanks my URL is PREACHA.com [96DD061B-E1A1-4171-96F0-FE5750502779.png]

@ebon yes please try this code {% assign prod_variant_count = 0 %} {% if product.available and product.variants.size > 1 %} {% for option in product.options %} {% if option contains 'Color' %} {% for variant in product.variants %} {% assign prod_variant_count = prod…

Hello @ebon , Edit product-card.liquid under snippets, now here search for this code {%- if product_card_product.featured_media -%} {{ product_card_product.title | escape }} {%- endif -%} once you find it then jut in next line paste this code {%- assign …

Thanks for the code. It works but it’s counting each color per size so it’s displays an inflated number. example. 1 shirt available in 4 colors should display “4 Colors” but what the codes does is times the number of colors available by the number of sizes the shirt comes in so you get 4 colors X 8 …

I’m not sure why because it works fine for me. You can call your developer to crosscheck or write a new one. To make it gray use this css .product_card_count { color: #ccc; } Thanks

can you check placement of the code and make sure you’ve instructed me to place it in the correct place please.

this extra code, do i just paste it under the first lot of code or does it need to be combined? if so, could you re-paste the full code here please. thank you

the code shows no change at all. {% assign prod_variant_count = 0 %} {% if product.available and product.variants.size > 1 %} {% for option in product.options %} {% if option contains ‘Color’ %} {% for variant in product.variants %} {% assign prod_variant_count = prod_variant_count | plus: 1 %…

@ebon thanks for for update but i can’t see any code

sorry, it’s the code you asked me to try. {% assign prod_variant_count = 0 %} {% if product.available and product.variants.size > 1 %} {% for option in product.options %} {% if option contains 'Color' %} {% for variant in product.variants %} {% assign prod_variant_co…

Adding product color availability under product title on Dawn Theme

Store Design

ebon September 19, 2021, 4:38am 3

Thank you for the reply.

which sheet/section do i paste the code into?

Thank you

Topic		Replies	Views
Adding Product Color Availability Under Product Title On Dawn 3.0 Theme Store Design	2	19	April 22, 2022
Tweaking Product Color Availability Under Product Title in Dawn 3.0 Store Design	3	30	February 15, 2024
Mostrare numero varianti di colore Q&A di tipo tecnico hmtl	1	40	June 5, 2023
Display number of variants available in collection page Store Design	11	215	May 25, 2023
Dawn theme - wanting to add "More colours" text under product name Technical Q&A shopify-theme	23	195	October 30, 2024

Adding product color availability under product title on Dawn Theme

Related topics