Range slider

Use the Range slider filter style in products prices or meta data filters. In the premium version you can also display slider control for the product rating and taxonomy-based (WooCommerce product attributes) filters.

Range slider filter style in the annasta Woocommerce product filters plugin for the price filter, product rating filter, and a taxonomy-based range slider control example.

Also in the premium version, you can create sliders for non-numeric attributes, such as labeled sizes, diameters and other taxonomies that can be displayed as ranges.

Admin section of the range slider control in an annasta product filter

The Range slider admin section lets you control the smallest move of a slider by means of the Slider step option, as well as the slider tooltips appearance through the Tooltips display options box. Check the Display Filter button option to make your slider control submit its filter by a click on a “Filter” button rather than by moving the slider handles.

When displaying the same range slider styled filter in different presets of the same page, please be careful to avoid conflicts by using the same slider settings in all the same-filter sliders of the page.