How to build a colour chart page with HTML colour swatches

Shopify Discussion
1

Hey guys,

I’m looking to build a dedicated page where customers can simply scroll down a colour chart, click the colour they like, taking them to the product in their desired colour.

Struggling to find an app that will do something like this without testing them all first (free or paid). We have another website which shows an example of what i’m after: https://andrewscoatings.co.uk/colour-charts/

Any help with this would be appreciated.

2

Hello @AndrewsAerosols

Welcome to Shopify Community.

Thanks for such a nice question. But what if two products contains same color? Where it should be redirected ?

Thanks

3

Thank you for your response! So its only the one product (Aerosol Spray Paint) in hundreds of different colours from across various colour charts. Hope this helps. Thanks again

4

Okay so each product will be linked to only one color. Right ?

It is complex as it needs to be hardcoded.

Thanks