Linking color swatches to variants

Design help Ecommerce
1

I have 3 color variations of a product and I have created some colour swatches that I want people to click on to select the product. Two things need to happen:

1 - be able to tap/click a swatch to select the variant before adding to cart.

Currently, I have a dropdown menu but I don’t like it.

And 2 - bring a picture of that colour variation to the main image.

If anyone could tell me how I’d go about doing this it would be massively appreciated.

Thanks

Preview link:

https://preview.webflow.com/preview/nanovac?utm_medium=preview_link&utm_source=designer&utm_content=nanovac&preview=f2d74e4649d43225af5a2a9bb2ef331f&pageId=5f58b8a4816d8709ab66da47&itemId=5f58b8a4816d87c00266db1e&mode=preview

2

Did you find a solution?