Select Page
  • Filter By – drop down menu that used to select values for filtering in widget
    • Attribute – attribute that you can set in Admin Panel -> Products -> Attributes
    • Stock status – filter in stock or out of stock products. Only works if you set show out of stock products
    • Product sub-categories – filtering by categories. Uses only sub-categories of selected category
    • Tag – filtering by products tag.
    • Custom Taxonomy – filtering by any other taxonomy
  • Type – method to select attribute values
    • Checkbox – checkboxes with the possibility to choose any count of values
    • Radio – radio buttons with the possibility to choose only one value
    • Select – drop down menu with the possibility to choose only one value
    • Color – blocks that will be filled with selected color with the possibility to choose any count of values
    • Slider – widget with the possibility to choose range of values
  • Operator – operator that uses between attribute values
  • Values Order – type of values to sort like number or like text
Advanced Settings
  • Hide this widget on load? – if enabled will hide widget on page load
  • Show product count per attributes? – at right side from attribute values name displays count of products with this attribute value
  • Hide collapse arrow? – hides arrow at right side from widget title
  • Values per row – how many values will be displayed in one row For example: if Values per row set to 2
  • Icons – panel where you can select icons which will be added befor and after widget title and before and after values
  • Description – when you set some description then at right side from widget title will be displayed the info button that show small pop-up window with description text For example: if you set description to “Select color of products”
  • CSS Class – custom CSS classes that will be added to widget
  • Filter Box Height – if you need to limit widget height set value this field
  • Scroll Theme – works only if you set Filter Box Height and widget height will be bigger than this value
  • Child/Parent Limitation – uses for create widget that will be depend from another widget
  • Child depth – child depth from parent. Displays only if you set Child/Parent Limitation to Child

For example: you have attribute color with structure like this

First widget with title “Color 1” will be with Child/Parent Limitation set to Parent, then second widget with title “Color 2” will be with Child/Parent Limitation set to Child and Child depth set to 1.

Widget on page load:

After selecting in widget with title Color 1 green and blue values