See the way the Lite Layered Navigation for Magento 2 extension works.
Improve your store performance with the most essential navigation features gathered in Magento 2 Lite Layered Navigation extension. Reduce abandonment rate and increase conversion rate with a better filtering experience.
To configure the extension, please go to Stores → Configuration → Amasty Extensions → Lite Layered Navigation.
Enable AJAX - enable this option to let customers apply multiple filters without page reloads.
Scroll to top after AJAX load - set to Yes to automatically navigate customers to the top of the page after filtering.
Enable Multiselect for Filters - specify the filters for which a multi-select option will be allowed.
Enable Price Slider - select Yes to display a handy price slider on the frontend.
Price Slider Step - specify the interval that will be shown when a customer moves the slider, e.g. if this option is set to 10 and the starting value is 40, a user will be able to choose 40, 50, 60, etc. value as the initial or final price. If 1 is set, a customer will be able to choose the price of 41, 42, 43, and so on.
Add Vertical Scrolling to Filter Block After - specify maximal filter size (in pixels) that will be displayed without vertical scrolling. In case a filter is higher than the indicated size, the scrolling will appear. To disable scrolling, enter 0.
Grow the number of purchases by letting customers apply several filters values at once.
Add a handy vertical scrolling for filters with multiple values.
Show only relevant items with a price slider.
Find out how to install the Lite Layered Navigation for Magento 2 via Composer.