customer_account:color_filter
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
customer_account:color_filter [2018/02/02 14:19] dominik |
customer_account:color_filter [2021/09/20 19:52] rihad |
||
---|---|---|---|
Line 3: | Line 3: | ||
The ** color filter ** allows you to display the color values of your filter as color tiles.\\ | The ** color filter ** allows you to display the color values of your filter as color tiles.\\ | ||
- | {{:customer_account:color_filter_1.png|color filter}} | + | You can access the color filter configuration [[https://account.findologic.com/#/app/filter-configuration/color|in your account]]. |
- | + | ||
- | Following, you can find a step-by-step explanation of what needs to be done, to add this functionality to your shop. | + | |
---- | ---- | ||
- | ==== Requirements ==== | + | ==== Color library ==== |
- | **HTML Response:** | + | **The color library provides predefined colors** that you can use as color tiles in your shop. |
- | 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 [[customer_account:template_manager:template_manager_plugins|our documentation about this plugin]]. | + | You can also **add an individual color by clicking on "Add new color hue"**. You can choose the color via color picker or hex code. After clicking "Ok", the new color is being added to your color library. |
- | + | ||
- | 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>. | + | |
---- | ---- | ||
- | + | {{:account21:color_filter.png?900}} | |
- | ==== 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. | + | |
- | + | ||
- | <note important>If there is a "?" instead of an color tile, this results from an yet undefined color for this color tile.</note> | + | |
---- | ---- | ||
- | ==== Color hue ==== | + | <note tip>Use this tool to get the hex-codes for certain colors: http://www.color-hex.com/ (external website)</note> |
- | + | ||
- | 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) | + | |
- | + | ||
- | <note>Here is an useful tool to get the hex-codes for certain colors: http://www.color-hex.com/ (external website)</note> | + | |
- | + | ||
- | + | ||
- | {{:customer_account:color_filter_2.png|Tab: color hue}} | + | |
- | + | ||
- | === 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. | + | |
---- | ---- | ||
Line 59: | Line 23: | ||
==== Color image directory ==== | ==== Color image directory ==== | ||
- | It is possible to display your colors within the color filter with your own images. | + | It is also possible to display your predefined colors via an image directory. |
- | + | ||
- | {{:customer_account:color_filter_3.png?500|Tab: Color image directory}} | + | |
+ | ---- | ||
+ | {{:account21:color_filter_url.png?400|}} | ||
---- | ---- | ||
+ | |||
==== Filename conventions ==== | ==== 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: | + | The names of the image-files may have to be changed due to the specific filename conventions. |
* All special characters (including whitespaces) will be changed to a "_". | * All special characters (including whitespaces) will be changed to a "_". | ||
Line 74: | Line 39: | ||
* Umlauts will get replaced with their basic form (ö = o, ä = a, ü = u, ß = s). | * Umlauts will get replaced with their basic form (ö = o, ä = a, ü = u, ß = s). | ||
- | **A few examples:** | + | __Examples:__ |
^Colorname^ ^Filename^ | ^Colorname^ ^Filename^ | ||
Line 80: | Line 45: | ||
|"Black White"|→|"black_white.jpg"| | |"Black White"|→|"black_white.jpg"| | ||
|"Bleu Foncé"|→|"bleu_fonc_.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. | ||
- | |||
- | {{:customer_account:color_filter_4.png?500|Tab: Predefined Colors}} | ||
- | |||
- | ---- | ||
- | |||
- | |||
- | |||
- | ==== Priority ==== | ||
- | |||
- | The priority of the three possible ways to define colors are as listed here: | ||
- | |||
- | - Image | ||
- | - Self-defined hue | ||
- | - FINDOLOGIC-defined hue | ||
- | |||
- | {{tag>Customer_account}} |