So I'm making a website (and web app for mobile) to sell t-shirts, and the client wants to be able to display all the fabrics available. Right now we have a displayed sample shirt and below it is a row of textures where the user is able to hover over a bunch of fabric textures and the texture the mouse is currently on will be imposed on the display shirt.
We're piloting 4 fabrics for now but will eventually have 50 fabrics to choose from. Some of the fabrics can fit under a specific material (like synthetic, jersey, or jean) so I was thinking about organizing some of them that way when it comes to 50+ fabric options.
Any ideas on how to best organize all the textures with scalability (4 to eventually 50 fabrics) and render options in real time while user hovers over fabric options?