Product Variant Swatches

Design help Layout & Design
1

Hi,

I want to get rid of the “drop-down” variant and implement “swatches” instead! It is more user friendly

Here is my Site right now:

Screen Shot 2020-06-06 at 02.33.36
Screen Shot 2020-06-06 at 02.33.36798×354 52.8 KB

And here is what I am trying to implement:

Screen Shot 2020-06-06 at 02.29.45

2

Hopefully, someone can help guys I am really struggling with this.