how to add color swatches to Shopify's Dawn 14.0 theme

[scarlett996]

I want my multi-color products to be able to switch according to the image display, but there is no swatch option in my dawn template, can you help me to solve it?

My current situation：

What I want to:

My website is: https://www.lilyband.com/products/four-leaf-diamond-apple-watch-band?_pos=1&_psq=four&_ss=e&_v=1.0

Thx for the help!

[LuffyOnePiece]

Hi @scarlett996 ,

Yes, we can add the color swatches in the dawn theme.

For this we do need to map the color name with the image and add the image as background image for that color.

Let me know if you need any assistance.

Thank you

[scarlett996]

HI @LuffyOnePiece 

I don't really understand what you mean by map color, do we need to add code?

Best

Scarlett

[Stephen34]

Its been a while since I looked at Dawn theme, but I'm pretty sure it supports color swatches right out of the box. You create swatches when you create the variants in the admin/product section. In admin, as you add your variants to your product you should notice to the left of each variant a image box where you can upload a image. That is the image for your swatch. Here is a screenshot.....