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

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

scarlett996
Excursionist
18 0 6

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:

截屏2024-05-18 10.58.54.png

What I want to:

截屏2024-05-18 11.00.23.png

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!

Replies 3 (3)

LuffyOnePiece
Shopify Partner
650 93 120

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
scarlett996
Excursionist
18 0 6

HI @LuffyOnePiece 

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

 

Best

Scarlett

Stephen34
Shopify Partner
79 1 93

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.....

Untitled.jpg