Shopify themes, liquid, logos, and UX
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.
Hello @michellelholm
Yes, while creating the variant options you can actually assign variant images to them, which will be shown when variants are changed.
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
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.
How you want the swatches to work ? Do you have an example ?
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.
Like this >>
right ? And the selected color to be shown beside Color word (Eg: Color: White) ?
It is possible without app.
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!
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
Yes you can add a color swatch image without using any App:
Here is the video to follow:
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025