Main Options

WooCommerce Product Filter has very flexible settings that you can easily customize to the style and functionality of your store.The Options tab is logically divided into 4 tabs, for ease of use. This tutorial will help you understand the options on the Main tab.
Options Main tab

Enable Ajax.

WooCommerce Product Filter comes with a Filter button by default .(filtering occurs after you select the filter elements and click the Filter button)
But thanks to the wide functionality of our plugin, you can display the results at the same time as you click on the filter element.This option enables Ajax search. Product filtering and displaying results in a browser will be run in the background without full page reload.

AJAX Loading Results: Users can see filtered results at a real-time:

Ajax Search instead of Filter button

Display on pages

Choose on which pages you want to display the product filter. By default, the filter is displayed on All pages
To change this option, move to the “Options” tab and find the “Display only on page” checkbox . Select an option from the drop-down list.
You can display the filter on:

  • -Shop;
  • -Product category;
  • -Product tag;
  • -Shop+category+tag;
  • -Specific (cart, blog or any specific page you created).

Display Filter On(devices) 

Sometimes it’s not very convenient to use a product filter on mobile devices, and with this option you can control it.Choose on which devices the filter will be displayed.(only for mobile; only for desktop; for all device)

main options product filter

Set mobile/desktop breakpoint. 

Set breakpoint for all options that depend on a mobile/desktop view. “Show title label”, “Display filter on” etc.

Hide filter on shop pages without products.

Hide filter on shop and categories pages that displays only categories or subcategories without products.

Set number of displayed products.

Set number of displayed products. This number will only be shown after filter is applied! You must set the same number as in the basic store settings or in the basic filter settings.When the page is first loaded, the store displays the quantity of goods set in its settings.
If you set a number here, then after any filtering the number of products indicated here will be displayedYou can enable this option in the Options->Main tab.
Enter the desired quantity in the Set number of displayed products fieldSet number of displayed products

Set number of products per row. 

Set number of products per row. This number will only be shown after filter is applied!

As you can see with the WooCommerce Product Filter, you can display and customize the order of products after filtering, based on your preferences and your customers.

Check out our documentation to learn more about other WooCommerce Product Filter options.
Also, if you have any questions, please contact us and we will be happy to help you.

Categories
Latest Articles