Site URL: https://cymbals-earthworm-2mb3.squarespace.com/
I have a business selling made-to-order, one-of-one garments handmade in England and am in the process of building the site which has a large focus on e-commerce.
What I am having difficulty with is; on product pages, in addition to the customer being able to choose 'size' they also need to be able to choose 'fabric' as this is at the core of the business concept—
I have added an additional product-option for 'fabric' but what I am yet to wrap my head around is how to visualise the options as images+text not text-only as per the Squarespace native design (dropdown). I imagine this working one of two ways:
1. Custom dropdown which in addition to text has the corresponding image—this would apply on both desktop and mobile.
2. The 'fabric' option is visualised as a list of thumbnails which act as buttons which would effectively select the 'fabric' before adding to cart.
I appreciate that this might go beyond the scope of help of the forums, but am eager to hear from anyone who might understand how to do this.
*The site is currently in trial mode so I am unable to share but happy to provide login should anyone require it.
**Have added an image below of how I imagine this working on mobile, and desktop would just be adapted from that.