Colour Swatches on Filters

[sck1]

I’m trying to create a colour group on the filters on the sidebar of a collection page, we have too many colours to be able to use the inbuilt grouping as we have more the 50 colours in each group.

So I’ve created a variant metafield called Colour Group and started to populate this with the colour group for each variant. I’ve then linked this field to the Colour Filter on the Search and Discovery App.

Everything works how I expected other than the swatch colour isn’t being displayed on the filter, just a grey box and the name/label.

Does anyone know how to get the colour to display as well, the #hexcodes have all be defined in the values. You can view the issue here - https://812d03-3.myshopify.com/collections/awdis and here are some screenshots below

[namphan]

Hi @sck1 ,

I sent it, after access, I will check it.

[namphan]

Hi @sck1 ,

Because you are using the old version, it causes an error when you get a value to display color. You need to change the declaration for it in color-swatches-background.liquid file, it will display well:

I hope it helps!