customer_account:color_filter
This is an old revision of the document!
Color filter
The color filter allows you to display the color values of your filter as color tiles.
Following, you can find a step-by-step explanation of what needs to be done, to add this functionality to your shop.
Requirements
HTML Response:
If you want to use the color filter, you need to have the {generated_filters}-plugin to be activated in your template. If you are not yet using the plugin, you can follow our documentation about this plugin.
If you are not sure if you use this plugin just write a quick E-Mail to support@findologic.com.
XML Response:
By default the color filter should work as intended.
If the filter does not work, please write a quick E-Mail to support@findologic.com.
Set the colors in the customer account
You can define colors in the Findologic customer account under → tab Settings → color filter.
There are three possibilities to define colors:
- You add a Hex code in the Findologic customer account (example: “#00DD00” for poison green)
- You enter the path to an image directory on your server and upload the image. Call the files like the filter values, that should be displayed in the color filter.
- You use the predefined colors from Findologic.
Color hue
In this tab you can add your color hues. In order to do this, you need to add a color name (eg. Royal Blue) and a hex-code for the color (example: #1100FF)
Hints
- The defined color hue overwrites the predefined colors with the same name.
- Only a valid hex-code can be saved.
- It is only possible to add monochrome colors as hues.
Color image directory
Filename conventions
The names of the files of the images may have to be changed due to the specific filename conventions. In the Findologic customer account, you can find a “file name tool” that tells you, how certain images should be called:
- All special characters (including whitespaces) will be changed to a “_”.
- More then one “_” (“”) will get just one “_”.
- All characters will be changed to lower case.
- Umlauts will get replaced with their basic form (ö = o, ä = a, ü = u, ß = s).
A few examples:
Colorname | Filename | |
---|---|---|
“Red” | → | “red.jpg” |
“Black White” | → | “black_white.jpg” |
“Bleu Foncé” | → | “bleu_fonc_.jpg” |
Predefined colors
Findologic already pre-defined some colors for you.
You can find all predefined colors and hex-codes in this tab.
Priority
The priority of the three possible ways to define colors are as listed here:
- Image
- Self-defined hue
- Findologic-defined hue