How to add: Color swatches with linked variant images

Store Design
1

I want to achieve some basic functionality most appeal store’s got:

  • Color swatches showing colour instead of written words
  • Product variant images linked with the colour swatches (only showing the product images link to the selected color)

I’m using the Dawn Shopify 2.0 theme and am unfamiliar with coding.

I’ve tried this app: G:Variant Image + Color Swatch but now I have the variant picker showing twice.

How would I go about achieving this? Would it be best to configure an app or hire a Shopify Expert to do this?

2

Hii @Hielke

Welcome to Shopify Community
I have better solution for you you can use this application which name is Variants Options, Color Swatch
after installing this app I hope your problem will be solved.
Thank You.

3

Hi,

I just wrote a code to add a color swatch for Dawn Theme with multiple shapes to choose from. Its totally FREE and no APPS needed. Code and instructions are at the video description

4

Hey @made4Uo the video looks really great but the code in your website is different, are you able to update the website so that code is the same as the one in your video? thanks!

5

Hi,

Sorry about that. You have to sign in to view the code

6

this works and has images of colors and not just text

you can customize the swatches as well

https://www.youtube.com/watch?v=q5OHBsm1Nig

2 Likes
7

this did work thank you

8

You can add this features without App.

Just follow this video steps: