See the way the Lite Layered Navigation for Magento 2 extension works.
Speed up the shopping process and reduce cart abandonment rate with Magento 2 Lite Layered Navigation extension. Provide your customers with advanced filtering experience and increase conversion.
To configure the extension, please go to Stores → Configuration → Amasty Extensions → Price Slider & Filters.
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 page top after filtering.
Enable Multiselect for Filters - specify the filters for which a multiselect 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 chance of making a purchase by letting users multiselect filter options.
Add a handy vertical scrolling to easily filter multiple values.
Show only relevant items with a price slider.
Find out how to install the Lite Layered Navigation for Magento 2 via Composer.