Add Color swatches to products page – Dawn theme

Show product options as Variant Colour Swatches on Dawn Free theme.

Dawn  Shopify theme is a fully-loaded, theme that is perfect for Shopify merchants. Support 2.0.

3 Steps to add color swatches to your products:

Step 1: 

In your Shopify admin, head to the Online Store section, then click Dawn Theme & Click Edit Code on Action

Dawn theme color swatches

From the left side, click the Section heading to show main-product.liquid 

Dawn Shopify free 1

Step 2: 

Scroll to the bottom of the ‘main-product.liquid’ file, line 190, from Start <variant-radios end </variant-radios> delete code

sam demo Edit Dawn Shopify 1

Step 3: 

Add Color Swatches code between <variant-radios> </variant-radios>

sam demo Edit Dawn Shopify 2 1


So far, we have revealed to you three steps to add color swatches to your Dawn Shopify theme

We will continue to update; if you have any questions or suggestions, please contact us!

Shopify Expert Admin 7 September 2021
No schema found.