Layered Navigation module - with priceslider component

Description
Multiselect filters in Vue Storefront with Price Slider and active filters
We created this module to make searching the catalog a better experience, there are a lot more features to come and we’ll add these features to this module when we finished development on them.

For all information, go to the GitHub page: https://github.com/GetNoticedNL/vsf-layered-navigation

Features overview
Active filters - show the currently active filters with remove functionality
Price silder - Slidercomponent for price range
Multiple selection for filteroptions
ProductsLeftCounter - option to show the number of results if this filter option is applied (note: this is an experimental feature and works at best for a catalog list with simple products only (no child products)) - we are working on a solution to support this for product with child products also.

Author: Get_Noticed - Vue Storefront Core partner of the Netherlands

Create date: 2019-04-12

Contact: daan@getnoticed.nl

Github repo: https://github.com/GetNoticedNL/vsf-layered-navigation

4 Likes

Hi @DaanKouters - great job! Is there any demo to see it live?

3 Likes

great job… please provide a demo if available… thanks

1 Like

Hi,

the project where this module is being used / developed in, is almost ready to go live. I’ll update this thread when the project is online.

2 Likes

hi,

a demo of this module is now live at the category pages of:
https://pwa.majorrum.com

The ‘Smaak’ (flavour) filter is a multiselect attribute for example.

Kind regards!

Hi Daan,

Nice work, the demo looks slick!

Can the logic of multi-selection be adapted so that it is based on the OR operator rather than AND?

Cheers

hi @abbas, i’ll look into it and let you know :+1:

1 Like