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
![Add Color swatches to products page - Dawn theme 1 Dawn theme color swatches](http://storefix.co/wp-content/uploads/2021/09/Dawn-theme-color-swatches-1024x491.png)
From the left side, click the Section heading to show main-product.liquid
![Add Color swatches to products page - Dawn theme 2 Dawn Shopify free 1](http://storefix.co/wp-content/uploads/2021/09/Dawn-Shopify-free-1-1024x543.png)
Step 2:
Scroll to the bottom of the ‘main-product.liquid’ file, line 190, from Start <variant-radios end </variant-radios> delete code
![Add Color swatches to products page - Dawn theme 3 sam demo Edit Dawn Shopify 1](http://storefix.co/wp-content/uploads/2021/09/sam-demo-Edit-Dawn-Shopify-1-1024x556.png)
Step 3:
Add Color Swatches code between <variant-radios> </variant-radios>
![Add Color swatches to products page - Dawn theme 4 sam demo Edit Dawn Shopify 2 1](http://storefix.co/wp-content/uploads/2021/09/sam-demo-Edit-Dawn-Shopify-2-1-1024x543.png)
Conclusion
So far, we have revealed to you three steps to add color swatches to your Dawn Shopify theme.
We will continue to update StoreFix.co; if you have any questions or suggestions, please contact us!