Price Range Filter

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

Price Range Filter Settings

After you have added a filter, you can fully configure its options:

WooCommerce Product Filter

1.Title.

Here you can enter your Title Lable text, by default Price

2.Description.

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)

options filter

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.

Show on frontend as.

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.

Set range automatically.

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.

price range filter7.Use Under/Over values. 

Use Under/Over label instead of minimum and maximum values.

price filter customize

8.Show price input fields.

Add fields for manually entering a price range.

Show price input fields

9.Use custom number of decimals.

This sets the number of decimal points shown in displayed prices.

Price range settings

10.Layout. 

Select a vertical or horizontal layout and set the count of columns.

Range options

11.Maximum height in frontend.

 Set maximum displayed height in frontend.(px)

 

Still have questions? Contact us and we will be happy to help you

Categories
Latest Articles