Dawn Theme: Display Native Variant Swatches on Collection Page, Home Page and Search Page/Results

[ToniMelbourne]

Hi everyone

We would like to display the Shopify Native Variant Swatches for each of our products on the Collection Page, Home Page and Search Results Page at the bottom (see pictures).  It is a little disappointing Shopify doesn't offer this as a standard theme input for this and only display variant swatches on the Product Page.

PLEASE NO APPS.  We are after a simple code edit to to display the Shopify Native Variant Swatches

I have used Skims as an example to show what we are looking for.  Please note: We would like to display the Native Shopify Variant Swatches.

[namphan]

Hi @ToniMelbourne,

This will require adding custom code to the card-product.liquid file.

If you have experience with code, you can learn and add product-variant-picker.liquid file declaration to card-product.liquid file and customize some code, it will display well.

I hope it helps!

[ToniMelbourne]

Hi Namphan

Would you be able to provide the code and where we would have to paste this code in the card-product.liquid?

It is for the latest Dawn Theme