customer_account:color_filter

customer_account:color_filter

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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] (current)
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 codeAfter 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 imageCall 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}}