A price-range slider is close to a must-have for any product listing with more than a handful of price points.
The WP Filters widget builds this from your store’s real product prices, with control over the slider’s minimum, maximum, step size and displayed currency symbol.
For the full settings tour of the WP Search Filters widget, see WP Search Filters Widget Settings Overview.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Edition: WP Search Filters is a Pro widget – it requires The Plus Addons for Elementor Pro to be installed and active.
- Widget to enable: go to The Plus Addons > Widgets, search for WP Filters and turn its toggle on.
- Prerequisite: WooCommerce installed and active, with at least a few products published.
- Products spanning a real price range.
Steps
Add the WP Filters widget, set Filter Type to Woo Filter, then choose a source configuration that reads the product price.
Set Maximum Price, Minimum Price and Steps to match your catalogue, and set Price Symbol to your store’s currency symbol.
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Minimum / Maximum Price | The slider’s lowest and highest selectable price. | – |
| Steps | The increment the price slider moves in. | – |
| Price Symbol | The currency symbol shown next to the price values. | $ |
