Colour Picker Layout

174 views April 7, 2017 July 13, 2019 admin 0

Rather than showing the texts of colours (“red”, “blue”, “green” …) in a facet, why not show an image with the color as the background ?.

The idea is to associate colours to your field values, by picking a colour with a colour picker.

Choose the layout "Colour picker"Choose the layout “Colour picker”


Associate colours to the facet values

Associate colours to the facet values

  1. Select the layout “Colour Picker”
  2. Open the facet values.
  3. Associate a colour with the colour picker. Do nothing if your value is already a colour, like “white”, or “#ffffff”.


This will generate the coloured facet :

Facet with coloured images

Facet with coloured images

Was this helpful?

Join Our weekly Newsletter

Receive our latest news once a week, each Thursday afternoon.
Your email is kept 100% private, and you will not receive other stuff in your mailbox.

We keep your data private and share your data only with third parties that make this service possible. Read our Privacy Policy.