[Dawn v12 and below] How to Add Color Swatches To The Product Page Of The Free Shopify Themes

⚠️This tutorial is Not compatible with Dawn 13⚠️
Shopify will soon release color swatches natively on Dawn without code edits
This tutorial is valid for Dawn 12 and below
You can download the Dawn 12 here
Dawn, Refresh, Spotlight... are all the same theme with different settings.

📄 Code snippets

🎁 Free video banner section:

👨‍💻 Do you need this feature on a premium theme?

00:00 Intro
00:27 Installing the code snippets
02:59 Single-color swatch
04:47 Variant image as swatch
05:28 Multiple colors per swatch
06:09 Custom pattern swatch
07:28 Shape and size settings
08:13 Outro

Discover how to enhance your Shopify store with color swatches. Elevate your product pages effortlessly by learning how to add color swatches in Shopify, ensuring an immersive shopping experience for your customers. Dive into the specifics of incorporating Shopify color swatches on the product page, and unlock new features for the Shopify Dawn theme and the Free Shopify 2.0 themes with vibrant color options. Say goodbye to the ordinary and create a visually stunning online store that stands out. Watch now and elevate your Shopify game!

[amine-ammari]

⚠This tutorial is Not compatible with Dawn 13⚠
Shopify will soon release color swatches natively on Dawn without code edits
This tutorial is valid for Dawn 12 and below
You can download the theme here
Dawn, Refresh, Spotlight... are all the same theme with different settings.

[MoroccanAICulture]

Paid apps will dislike this video, Great work and very easy. Thank you so much

[gluxiwb]

This video was the most helpful out of everything i viewed. Thank you!!!!
would you be able to make a video to show how to see the color swabs from collections? so they can see the color options before they click on the product???? thank you!

[miguelribeiro]

Fisrt of all thanks a lot! I was searching for swatches for about 1 day and none of the videos worked, and you in only 5 minutes did it all.

[toon.mation]

Thank you soo much bro! this tutorial was on point 😍😍

[kevindoyle]

Hi What a life saver just installed the code and my website looks amazing big thumbs up, thankyou

[decotipshorts]

Great, I already implemented your teachings on my page and you really make it very simple. Thanks for your time.

[ZigzagDprint]

thank you very much for your time and effort .This is so helpful that i will ably it to my store ❤

[Lumi_World_]

Wow! This video is exactly what I was looking for. I really appreciate your hard work.

[galdesgagal]

Merci pour tes vidéos Amine ! Elles sont vraiment utiles et facile à comprendre 🙂👍 Excellent mon ami

[hbcyxys]

i appriciate your efforts for your viewers . this video is awesome

[Witrastore]

Thanks man, that's what i needed, thanks a Lot!

[cadevski]

Hi Amine. Love your work. Will you be able to provide an update for Dawn 13.0.0?

[fdttiec]

Thank you for making this video. Clear steps and on the point. Keep up the good work!

[charllylim]

Thank you very much for the tutorial which is so easy to follow! Is it possible to have a tutorial on how to add swatches on the collection page, featured collection and search results? :)

[mohammedchami]

Great tutorial Amine! t
This is exactly what I'm looking for. Can you make a tutorial about size char for free Shopify themes. Thanks !

[bahrainhala]

Dude, you are awesome !! really nice job you are doing. you're videos are on the point and clean.
Could you please do a video where you edit the variant picker to allow for choosing swatches for color variants and dropdown let say for size variants?
I hate installing apps, they suck really. And I didnt find any code solution tbh.

[momocotton]

Nice Video! Do you know if this is also applicable for Dawn Version 11.0?

[clackclacken]

Another really useful Vid, thank you so much.

Is it possible to do sizes as well? I have rings so lots of size options

[michaelh]

Exactly what I needed 👏🏻 I am having slight trouble when selecting variant image. I named the file: “colour”.jpg and followed your instructions but they aren’t showing