Design

Contains settings for customization style of checkbox, buttons, text and sliders.

• Widget Title – style of AJAX Products Filter widget title
• Label(checkbox/radio) – attribute values style in checkbox and radio type of widget
• Select-box – drop down menu style in select type of widget
• Slider Inputs – style of text inside input that contains values in slider type of widget
• Description Block – background color of description block in widget
• Description Border – border color of description block in widget
• Description Title Text – style of title text inside description in widget
• Description Text – style of text inside description in widget
• Selected filters area text – text style inside selected filters area that may be as widget or as block above products
• Selected filters mouse over text – text style when mouse over selected filters inside selected filters area that may be as widgets or as block above products
• Selected filters link background – buttons background color inside selected filters area
• Selected filters link border – buttons border color inside selected filters area
• Checkbox and Radio – style of chcekbox or radio icons in widgets
  Default Firefox checkbox and radio . Checkbox and radio if select Icon
  • Border color – line around icons
  • Border width – width of line around icons
  • Border radius – rounded corners of line around icons
  • Size – size of icons
  • Font color – color of icons
  • Background – background color of icons
  • Icon – if set to NONE style of icons is not used, else uses all styles and icons that selected
• Slider – style of slider in widgetsFor example: you can set Button size and Button border width to 0 and set Line height to 18

  

  After that set Line color to #9999FF, Back line color to #BBBBBB and Line border width to 0

  

  • Line color – slider line selected section color
  • Back line color – slider line unselected section color
  • Line height – slider line height
  • Line border color – color of border around slider line
  • Line border width – width of border around slider line
  • Button size – size of buttons for sliders. You can set this to 0
  • Button color – color of buttons for sliders
  • Button border color – slider buttons border color
  • Button border width –  slider buttons border width. You can set this to 0
  • Button border radius – rounded corners of slider buttons. You can set this to 0
• Loading products icon – icons that display on loading filtered products
• Text at load icon – text that display with loading icon
  • Above – text above icon
  • Under – text under icon
  • Before – text before icon
  • After – text after icon

  

• Description show and hide – what user need to do to show and to hide description
  • Show on – What user need to do to show description in widgets
    • Click – user need to click on icon to show description
    • Mouse over icon – user need to hover on icon to show description
  • Hide on – What user need to do to hide description in widgets
    • Click anywhere – user need to click at any place outside description
    • Mouse out of icon – user need to move cursor outside description and icon
• Product count style – product count that display on left side from attribute values
  • First drop down menu to select how numbers will be displayed
  • Position – how far from values the numbers will be displayed
    • Normal – right after values
    • Right – on right side from values
    • Right from name – right after values with padding