Select Product Variants by images

NOTE! - My site is accessible... but with limited function as we're still working on it. 

I am trying to set up some of our products pages so that our clients can select their chosen product variants by images.
Like this one here... https://tuftbox.co.uk/products/acrylic-tufting-yarn-red-heart-super-saver®
(Not my site!)

Our site also sell cones and balls of yarn, which comes in 90+ colours. So I would like our clients to be able to select the colour of their yarn (i.e. product variants) by clicking on their chosen colour, (then choosing their weight and qty etc). 
One of our product pages that we want to do this with is here... https://www.fulhamtextilestudio.com/store/p/8-ply-acrylic-tufting-yarn
(again... our site is still WOP)

Currently the only way for me to display and allow the selection of the product variants is by choosing your variant and then the image attached to that variant shows up. I kinda want this to be the other way around... that you can see all the colors / variants on the pages... select the ones you like - customise - and add to the cart. 

I don't know if this requires custom coding or can be created within the SS v7.1 system? 

Any advice is greatly appreciated!
 

8 minutes ago, thesquareteam said:

Hello!

I can definitely help you set up your product pages to allow clients to select product variants by clicking on images, similar to the example you provided. With my expertise in design and development, I can customize this functionality to fit your needs and ensure a seamless experience for your customers.

Thanks!

Thanks! 

Will you tell me here or are you a paid service?