Re: Dawn Color Swatch - Custom

Can I add a color swatch image to Dawn theme products without an app?

michellelholm
Excursionist
30 0 4

Am I able to add an actual color swatch image to my products in the Dawn theme without downloading and paying for that feature in an app? I love the way my page looks now but just would like an actual shirt color bubble too. 

Replies 8 (8)

Sweet_Savior_3
Shopify Partner
1375 104 148

Hello @michellelholm 

 

Yes, while creating the variant options you can actually assign variant images to them, which will be shown when variants are changed.

Sweet_Savior_3_0-1708623315636.png

 

But yes, this images are not as swatch on the front end. For this the code needs be edited to show the images as swatch.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
michellelholm
Excursionist
30 0 4

Thanks, I did notice it changed on the "main image" but I wasn't a fan of how it looked. Might have to download an app after all and pay for the look I want. 

Sweet_Savior_3
Shopify Partner
1375 104 148

@michellelholm 

 

How you want the swatches to work ? Do you have an example ?

 

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
michellelholm
Excursionist
30 0 4

Basically I'd like the boxes to be the color of the shirt (I would upload the actual color of the shirt) then the color name would pop up next to the word "color". Not sure if that makes sense. 

Screen Shot 2024-02-22 at 12.01.53 PM.png

Sweet_Savior_3
Shopify Partner
1375 104 148

Like this >>

Sweet_Savior_3_0-1708625246021.png

 

right ? And the selected color to be shown beside Color word (Eg: Color: White) ?

 

It is possible without app.

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
michellelholm
Excursionist
30 0 4

Correct, but I'd like to be able to upload my own color as opposed to picking a color from a hex chart. Is that possible? I tried doing this and it added the color as a rotation image on left which I don't want. I'm being picky, I know. Ha!

Screen Shot 2024-02-22 at 12.14.21 PM.png

Sweet_Savior_3
Shopify Partner
1375 104 148

Yes, if you want your own hex color for each color then the requirement can be hard coded. It can be setup using variant metafield or block settings.

 

If you are not good in liquid code you can break the theme by adding codes without knowledge. Try to seek help of a developer at a reasonable rate to help you.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

MRamzan
Shopify Partner
529 3 46

Yes you can add a color swatch image without using any App:

Here is the video to follow:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112