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 Last revision Both sides next 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}} | + | {{:customer_account:color_directory.png}} |
| - | + | ||
| - | ---- | + | |
| ==== 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 36: | ||
| * 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 42: | ||
| |"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}} | ||