WooCommerce Product Filter has a unique set of options and a variety of filters.
Each filter criterion is customizable, giving you maximum control over what your customers are filtering and the results that they see.
This tutorial will help you learn more about the Price Range Filter .
Price Range Filter Settings
To add a filter, select “price range” in the drop-down list and click Add
After you have added a filter, you can fully configure its options:
Here you can enter your Title Lable text, by default Price
If you wish, you can enter the filter Description text (optional)
3. Show title label.
Here you can choose how to show the title with the function of opening / closing the filter:
desktop (No; Yes, show as close; Yes show as opened)
mobile (No; Yes, show as close; Yes show as opened)
4. Show on frontend as.
Depending on whether you need one or several categories to be available at the same time, you may show your categories list as checkbox or dropdown.
5. Set range automatically.
If this option is enabled, you may set the price range settings automatically.
Price range step. Here you may set the value of prise increase step. The default value is set to 20. All the steps are equal. When setting the step, please note that the number of elements in the list should not exceed 100, otherwise the step setting will be reset and automatically calculated.
6. Set range manually.
If this option is enabled, you may press the “Setup” button and customize your price range settings. You may increase or decrease the number of steps and set different values for each step.
7. Use Under/Over values.
Use Under/Over label instead of minimum and maximum values.
8. Show price input fields.
Add fields for manually entering a price range.
9. Use custom number of decimals.
This sets the number of decimal points shown in displayed prices.
10. Set tax rates.
The values will be changed by the specified percentage.
Select a vertical or horizontal layout and set the count of columns.
12.Maximum height in frontend.
Set maximum displayed height in frontend.(px)
Still have questions? Contact us and we will be happy to help you