{"title":"Notification","status":true,"icon":" fa fa-check-circle-o ","msg":"data found","data":{"breadcrumb":" \n
    \n\t\t\t\t\t\n\t\t\t\t\t
  1. How to<\/li>\n\t\t\t\t\t\t\t\t
  2. \n\t\t\t\t\t\tAdd Product Filters to Your WooCommerce Store <\/li>\n\n\n <\/ol>\n \n\t\t\t","content":"

    Add Product Filters to Your WooCommerce Store<\/h1>\n

    Product filters play an important role when it comes to adding great value to the overall user experience. It will allow the customers to filter through the products by applying various filter types that help them find the desired product within a few clicks.<\/p>\n\n\n\n

    Here you will learn how to add product filtering options to your store both vertically and horizontally.<\/p>\n\n\n\n

    You can check the live preview of the vertical and horizontal filter from our demo site<\/a>.<\/p>\n\n\n\n

    How to add product filtering options vertically:<\/strong><\/h2>\n\n\n\n

    First of all, create a section and select a structure for the section. Make sure you have selected a structure with at least two columns.<\/p>\n\n\n\n

    Add the \u201cWL: Product Filter\u201d widget to a column of the section.<\/p>\n\n\n\n

    From the \u201cFilter\u201d panel, you can add various product filters using which your customers can easily find the products they are looking for.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    In the \u201cAdditional Options\u201d panel, you can insert a title text for the filter.<\/p>\n\n\n\n

    You can choose an icon from here if you want to show icons before the list items.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    From the \u201cStyle\u201d tab, you’ll get full control over all the necessary styles for every element of this widget.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    This is how the vertical filtering options will look once you add some filter types using the “WL: Product Filter” widget.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Let’s add another widget to the other column using which we can see the filtered results. Here we have added the \u201cWL: Product Archive Layout (Default)\u201d widget to the other column of this section.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    So that\u2019s the way you can add different product filters on your WooCommerce store vertically.<\/p>\n\n\n\n

    How to add product filtering options horizontally:<\/strong><\/h2>\n\n\n\n

    To add the product filters horizontally, add the \u201cWL: Product Horizontal Filter\u201d widget to another column of the section.<\/p>\n\n\n\n

    From the \u201cFilter\u201d panel, you can add many filtering options that will help your customers find what they really want.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    In the \u201cAdditional Options\u201d panel, you\u2019ll get some other options to control the filters.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Finally add another widget to the section using which you can see the filtered results. Let’s add the \u201cWL: Product Archive Layout (Default)\u201d widget like we did before.<\/p>\n\n\n\n

    \"\"<\/figure>\n"}}