BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Pro widget

Filter Range Widget for Elementor Pro

A price or number slider that filters a loop widget.

Overview

What Filter Range does

Filter Range is a slider with two handles and number boxes. Use it for the WooCommerce product price or for any number custom field, such as a rating or a size.

Demo

Live demo

Filters need a Loop Grid with a Query ID on the same page, so this page shows the steps instead.

Features

What it can do

  • Two handle slider with an accent colored range.

  • Number boxes to type the lowest and highest value.

  • Product price or any number custom field.

  • Lowest and highest values found on the site automatically, or typed by you.

  • Step, text before and after the number.

  • The result updates a moment after the visitor stops moving the handle.

Use cases

When to use it

Price filter

Let shoppers choose a price range for a product Loop Grid.

Ratings

Filter reviews by a rating number field from 1 to 5.

Real estate

Filter properties by a number field such as bedrooms or area.

Setup

How to set it up

What you need: A Loop Grid or Loop Carousel with a Query ID on the same page (Bright Addons Pro).

  1. Add a Loop Grid or Loop Carousel and type a Query ID in its Layout section, for example blog-grid.

  2. Add the Filter Range widget from the Bright Addons Filters category.

  3. Under Filter, choose Filter By and, for a custom field, its Custom Field Name.

  4. Set Lowest Value, Highest Value, Step and the text around the number.

  5. Type the same Query ID in Connect to Query ID.

  6. Publish the page and try the filter on the live page.

FAQ

Questions and answers

Does the page reload when a visitor uses the filter?

No. The connected loop widget loads the new results in place, and the other filters update to match.

Can I use an ACF number field?

Yes. Type the field name in Custom Field Name.

Can I filter an archive that uses Current Query?

No. Archives built on the current query use normal page links. Choose a source such as Posts or Products in the loop widget to filter it.

Bright Addons Pro

Get Filter Range with Bright Addons Pro

Bright Addons Pro has 97 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $10 a year, with a 14-day money-back guarantee.