Multi range slider (for Custom Field and Price filters)

This option works for the custom field filter and the price filter. If you are store the information as an attribute, you need to copy it over to a custom field to use this facility.

Settings to create Custom Field range slider

Note: The settings for Price range filter are similar.

Premade filter options

In addition to the range slider you might like to provide more pre-made filter options with min-max values. Such as this:

For this go to the settings of the same Custom Field Filter you have created and in its section called ‘Filter Options’ use the Add an Option button to create pre-made min-max range options for the filter. Reference screenshot:

Attribute filter workaround

The multi-range slider is not available for attribute filter right now. This is due to complications with the way woocommerce stores data for product attributes which makes it inefficient for this purpose.

Instead, what you can do is to store the specific attribute as custom fields (meta data) as well on each product. Now you can use that custom field to provide a multi range slider filter (as well as sorting if you need).

Going to each product page and saving the attribute as a custom field can be time consuming. There are more efficient ways to accomplish this, covered in this doc.

Once you have the attribute saved as a custom field, you can proceed with creating a custom field filter and using the multi-range slider for that property as well.