Loading...

Magento 2 Layered Navigation Ajax Filter with Multi Select.

Rating:
88%
$0.00

The ability to find a product quickly can mean the difference between a conversion and an abandonment. With the WeltPixel Magento 2 Layered Navigation Ajax Filter with Multi Select extension, navigating Category Pages becomes a breeze as users can combine filters and multiple options from the same filter without ever refreshing the page!

$0.00  Free version $199.00  Pro version
Links

AJAX Filter

Fully Opened/Closed/Expandable for any filter

Sorting Option by Name or Position defined by user

Show Item Counter

Hide/Show Wishlist Block

Hide/Show Compare Block

Hide/Show Category filter

Smooth animation when opening filters on mobile

Attribute Multi Select options from the same attribute

Price filter with Multi Select - Default display mode only

Slide In Vertical Filtering Design, DEMO HERE

Slide Down Horizontal Filtering Design, DEMO HERE

Horizontal Filtering Design, DEMO HERE

Show/Hide filters using the Default Design, DEMO HERE

Filter Search

Filter by Product Ratings

Ajax Filter Price Slider

Hide Filter on Specific Categories

1 Minute Installation GUI

1 Month included Support

Free Version

For Best Performance and Optimization use this Extension with:

We packed it all up to offer the smoother UX for your customers and made sure that all extensions work smoothly together.

What is the Magento Layered Navigation?

Attribute Multi Select Ajax Filter is a tool for narrowing down the displayed product list within a category by specifying one or more product attributes (e.g., narrowing the 750 products in the “Clothing” category by size, color, material, cut, etc). Multiple filters can be combined by the user to meet some very specific needs (e.g., “color: black,” “price: $19.99 - $49.99,” “waist size: 32,” and “length size: 34”). Customers that use the filters are usually converting at a much higher rate as they are able to find exactly what they are looking for in a matter of seconds.

With our extension we took the initial capabilities of the default Magento functionality and enhanced it with the most commonly used ones.

The new functionalities include:

  • Ajax Filter
  • Color Swatch Ajax Filter with attribute Multi Select
  • Ajax Filter vizibility category restriction
  • Sorting Option by Name or Position defined by user. Improved Layered Navigation.
  • Filter Values Qty vizibility control. Item count vizibility.
  • Hide / Show Compare Block
  • Hide / Show Wishlist Block
  • Attribute Multi Select Ajax Filter - Select multiple options from the same attribute
  • Show/Hide the Layered Navigation block using the Default Design (Pro Version only)
  • Slide In Vertical Filtering Design, Slide Left on click (Pro Version Only)
  • Slide Down Horizontal Filtering Design, Slide Down on click (Pro Version Only)
  • Horizontal Filtering Design (Pro version only)
  • Filter Search Box (Pro Version only)
  • Filter by Product Ratings (Pro Version Only)
  • Hide Filter on Specific Categories. Category restriction Ajax Filter. (Pro Version only)

Ajax Filter with Filter Search Box. Color Swatch Ajax Filter. Magento 2 Layered Navigation Ajax Filter Free Extension Ajax Filtering screen

We implemented the Ajax Filter do decrease time between the moment when the customer clicks a filter and moment when the products are filtered. The Ajax Filter eliminates the need of a full page refresh so your customers can experience a much faster and smoother transition while applying each filter.

Not having an Ajax Filter Option would apply 2-4 seconds (even more based on your website page load time) every time a filter is applied or removed. In addition it would interfere with the pageview count metric in Google Analytics.

To enable this filter, simply go to WeltPixel -> Layered Navigation -> Enable Ajax ( Yes / No )

Customize Ajax Filter and Color Swatch Attribute Multi Select.

Magento does not allow by default to customize any attribute. With our extension now you can easily determine which filter is the most relevant so you can collapse the ones less used and allow focus on the most important ones.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Filter Display Option: ( Fully Opened / Closed / Expandable )

If you are looking for a midway solution, you will also have the option to use the Show more functionality. This option allows you to display by default 5 options (the number of options is configurable) and then have a “show more” button to reveal more.

You will also be able to select if you would like to display Quantity and how the sorting should be setup.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Show Item Counter: ( Yes / No )

Manage Attributes -> Select the attribute that you would like to customize -> Sort by: ( Position / Name )

Magento 2 Layered Navigation Ajax Filter Free Extension screenshot illustrating the customization of filters

New Filter Options for Category Restriction. Improved Layered Navigation.

You probably already looked it up on Google how to remove the Category, Compare and Wishlist blocks. Look no further! You will now have the option to display or hide which block you want your customers to interact with.

This options can be found under:

WeltPixel -> Layered Navigation -> Show Category Filter: Yes/No

WeltPixel -> Layered Navigation -> Show Compare Products block: Yes/No

WeltPixel -> Layered Navigation -> Show Wish List block : Yes/No

Magento 2 Layered Navigation Ajax Filter Free Extension Layered Navigation screen shot
Attribute Multi Select. Color Swatch Multi Select. Shop by Brand. Magento 2 Layered Navigation Ajax Filter Free Extension Multi Select screen shot

The Attribute Multi Select feature is the most often used by your customers. Some attributes such as size swatch or color swatch is often multi selected. Eg. In a shoe category that contains multiple sizes, the customer might select the following sizes 8.5/9/9.5 to make sure that he finds what he needs as sizing might often vary based on brand or style. Moreover, in the PRO version of the module, the Multi Select functionality is also available for the Price filter, when using the default Price Attribute display mode, which allows you to select multiple price ranges to make the filtering even more accurate.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Enable Attribute Multi Select: Yes/No

Price Slider. Filter Values Qty. Slide Down Horizontal Filtering. Magento 2 Layered Navigation Ajax Filter Free Extension option search, rating filtering, and price slider example screen shot

Filter Search Box. Search trough multiple options with ease. Enable this functionality for any text attribute. Go to Stores -> Attributes -> Product -> [select desired attribute from grid] -> Storefront Properties -> WeltPixel Layered Navigation Properties section and enable Enable options filter on Desktop/Mobile.

Let your customers filter by price using a Price Slider. Go to Admin > WeltPixel > Layered Navigation > Sidebar Settings > Price Filter and select Slider design.

Product ratings can be incredibly helpful to users. Allow filtering products by ratings if your customers rely on ratings to gauge a product’s quality or value. Go to Admin > WeltPixel > Layered Navigation > Sidebar Settings > Enable Rating Filter and you can easily configure the ratings filter.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Enable Attribute Multi Select: Yes/No

Category restriction for attribute visibility. Item count visibility control. Magento 2 Layered Navigation Ajax Filter Free Extension attribute visibility screen shot


Displaying or hiding a filtrable attribute from a category navigation with filter search box option becomes essential when optimizing the store so end users can find the product they are looking for. Oftentimes, some attributes might not be relevant to specific categories but they show up in Layered Navigation because of the products' configuration. Showing only relevant attributes will ease up the search process based on attribute filtering, leading to increased conversion. Filter Search Box is a must if you have multiple attributes under categories.

For example, in the above screencap, Leather is an option under the Material attribute. This shop's category (leather collection) contains only products that are made of leather, so the attribute becomes obsolete. By showcasing only the relevant attributes for this specific category, the end user will be able to easily find the exact product they are looking for.

SEO Improvements that drives results

We often seen implementations where certain attributes are added to the URL and delimited by a simple “/”. That implementation can often be very dangerous as there is no easy way of eliminating all the attribute combinations which often result in generation of ten’s of thousands of unwanted url.

Over many years of experience with Enterprise Customers, and working with leading SEO agencies, we found the most scalable implementation.

We are keeping each attribute as a query in the URL: https://weltpixel.com/women/tops-women/jackets-women.html?color=56&size=167

the attribute parameter Color Swatch and Size Swatch can be easily removed using Robots.txt file, excluded in various sitemap generator tools as well as excluded in Google Search Console.

The URL canonical tag remains the original URL https://weltpixel.com/women/tops-women/jackets-women.html

The above implementation helped rank our Enterprise Customers on top 3 position for the highest competitive keywords in the industry.

Slide In Vertical Filtering Design. Ajax Filter with Attribute Multi Select. Slide Down Design Horizontal Filtering. Price Slider and Filter Search Box.

Highlights of the Magento 2 Layered Navigation extension.

Slide In.

Sometimes, you may think the Layered Navigation block takes up quite a bit of space on your page. We've thought up a solution for that, and have created a Slide in design. The Layered Navigation can be set to Slide In to gracefully slide into view from the right side of the page.



Slide Down.

Why not have a Horizontal option as well? We've got you covered! The Slide Down design similar to the slide in one before, assures you make use of the whole page until the Layered Navigation is actually needed. Filters are displayed horizontally in a well-organized manner for easy navigation.



No more page refreshes.

The Layered Navigation extension comes with Ajax Filtering. This means that your customers will not have to under go the annoying process of having to refresh the page to apply a filter.



Make the most popular filter options visible.

With the Layered Navigation extension, options within an attribute can be customized to be Closed, Expandable or Fully opened.



Show what's relevant.

Magento doesn't really like to let you remove stuff that may be irrelevant to your store. We do! With the Layered Navigation extension, you can choose to show or hide the default Category Filter as well as the Wish List and Compare Products blocks.



Multiple Select!

Multi-Select is a very important feature for your store. Customers will often want to select more than one of the filter options, and this is not something a default Magento will let you do. Our extension allows the Multiple Select option to be enabled for attributes that you choose, thus letting your customers find what they need a lot faster!



Restrict visibility the way you need.

Often, some attributes may not be relevant to specific categories of products. We've taken that into consideration, and introduced the option for you to choose whether or not you want to display a specific attribute in a specific category. This way, you can hide the irrelevant attributes from categories they don't need to appear in.

Features upon features.

With the Layered Navigation extension, you'll be able to add a Search Box to any text-type attribute. Moreover, you can opt for a Price Slider and a Ratings Filter. This not only allows your customers to find their way through an attribute with a lot of options, but will also let them narrow down their search by price and product rating!

Features of the Magento 2 Layered Navigation Ajax Filter Free Extension.

  • Ajax Filter
  • Fully Opened/Closed/Expandable for any filter
  • Sorting Option by Name or Position defined by user
  • Show Quantity
  • Hide/Show Compare Block
  • Hide/Show Wishlist Block
  • Attribute Multi Select - select multiple options of the same attribute
  • Show/Hide the Layered Navigation block using the Default Design (Pro Version only)
  • Smooth animation when opening filters on mobile
  • Slide In Vertical Filtering Design (Pro Version Only)
  • Slide Down Horizontal Filtering Design (Pro Version Only)
  • NEW: Horizontal Filtering Design with 3 designs and customizable filters (Pro Version Only)
  • Filter Search Box (Pro Version Only)
  • Filter by Product Ratings (Pro Version Only)
  • Hide Filter on Specific Categories (Pro Version Only)
Tech Specifications
CompatibilityMagento Open Source, Magento Commerce, Magento Commerce Cloud B2B
Magento version2.0, 2.1, 2.2, 2.3.x, 2.4.0, 2.4.1, 2.4.2
Updates costFree lifetime updates
Update frequencyMonthly or each time a new Magento version is released
Support period1 Month Free Support, with options to extend
Refund period30 days, for any reason
UpdatedJuly 7, 2021
Code100% Open Source Code
Bundle optionsFor best value buy it as part of the Pearl Theme or Stack Framework
Write Your Own Review
You're reviewing:Magento 2 Layered Navigation Ajax Filter with Multi Select.
Your Rating

Layered Navigation Change Log.

Version 1.10.11 - July 7, 2021

  • New feature: Added new Slide-Down Filtering Design options for adding a Box-Shadow to the Layered Navigation.
  • Fixed an error that was thrown when the Ajax functionality was disabled and the Category Filter was enabled.
  • Added CSS adjustments for the Price Filter to ensure proper display.
  • Added improvments to the WeltPixel Developer Magento Admin section. Latest Cron Jobs now lists the last 100 executed Cron Jobs.


Version 1.10.9 - May 18, 2021

  • New Feature: Added new border design options for Horizontal Filtering buttons.
  • Optimized CLS score by improving element load order for the Horizontal Layered Navigation design.
  • Fixed a minor alignment issue related to the "Now Shopping by" text that occured after filtering via the Slide Down Layered Navigation design.
  • Fixed a bug that caused an error to be thrown when using the Reviews filter with the Ajax functionality disabled.
  • Added design adjustments to the Slider Price Filter display mode.
  • Minor backend comment adjustments for increased clarity.
  • Confirmed compatibility with the newly released Magento 2.3.7 and 2.4.2-p1 versions.


Version 1.10.7 - March 26, 2021

  • New Feature: Added a new Horizontal Design version whereby you can now add borders and change the border radius, button colors and hover colors for filters in the Horizontal Design.
  • Fixed an issue related to the Horizontal Design mode that caused pages to duplicate on Category Pages.
  • Excluded Magento 2.0.x - 2.2.x from new features and fixes starting with this release.
  • Adjusted WeltPixel Developer section comments.


Version 1.10.5 - February 12, 2021

  • New Feature: Added a new Horizontal Design version whereby you can now add borders and change the border radius, button colors and hover colors for filters in the Horizontal Design.
  • Fixed an issue related to the Horizontal Design mode that caused pages to duplicate on Category Pages.
  • Excluded Magento 2.0.x - 2.2.x from new features and fixes starting with this release.
  • Adjusted WeltPixel Developer section comments.


Version 1.10.5 - February 12, 2021

  • New Feature: Added a transition animation on mobile when opening the Layered Navigation, as well as when collapsing filter options.
  • New Feature: Added the possibility of showing/hiding filters on the Default Display Mode for the Layered Navigation.
  • Fixed a bug that caused the Multi-Select functionality to stop working when Ajax was disabled via the module settings.
  • Fixed a decimal issue related to the Slider Price Filter.
  • Made CSS adjustments to the Horizontal display mode.
  • Confirmed compatibility with the newly released Magento 2.4.2 version.
  • Added additional backend versioning verifications.
  • Backend module code optimizations.


Version 1.10.1 - October 22, 2020

  • New Feature: Added a new filtering design option - Horizontal Filtering.
  • New Feature: Added a transition animation when opening the Layered Navigation on mobile.
  • Fixed an issue related to the Price Filter on multi-store environments with different Display Currencies configured whereby the Price Filter in the Layered Navigation did not update the currency displayed to the configured Display Currency.
  • Fixed a bug related to Swatch Tooltips in the Layered Navigation. Previously, if a Product on the Category Page was configured with a Swatch Color, the Tooltips in the Layered Navigation would only show that specific color, regardless of what color was selected in the Layered Navigation.
  • Fixed an issue related to Swatches in the Layered Navigation whereby they would look different to the Swatches on the Category Page and had a black, square outline added.
  • Fixed a bug that caused an error to be thrown on Magento 2.4.x when filtering via the Category Filter.
  • Added additional verifications.
  • Confirmed compatibility with the newly released Magento 2.4.1 version.


Version 1.10.0 - August 10, 2020

  • Confirmed compatibility with the newly released Magento 2.4.0 version.


Version 1.9.8 - July 6, 2020

  • New feature: Added compatibility for Elastic Search 7.
  • Fixed a small display issue whereby the Slide In Vertical Navigation design overlapped with various elements in the Sticky Header.
  • Fixed a bug related to the jQuery UI patch for Magento 2.3.0 - 2.3.2 which affected the Slide In and Slide Down designs.
  • Changed aligment for Swatches on the Slide Down design for esthetic purposes.
  • Added additional error handling.
  • Code cleanup.
  • Whitelisted domain for Content Security Policies introduced in Magento 2.3.5.


Version 1.9.7 - May 7, 2020

  • Added a new setting which allows for enabling and displaying a Recently Ordered block within the Layered Navigation.
  • Fixed a bug which prevented the Attribute Category Visibility option from taking additional Root Categories into consideration.
  • Fixed a bug which caused the Layered Navigation to open after using Category Sorting or Pagination, when set to Slide In display mode.
  • Fixed an issue that caused filter options to overlap with the menu on Slide In filtering display mode.
  • Fixed a JS error that was thrown on the frontend when using the Slide In filtering display mode.
  • Adjusted jQuery UI patch released in the previous version to fix an error thrown on Magento 2.3.2.
  • Fixed an issue which prevented the disabling of Multiselect for the Price filter.
  • Added new translations.
  • Confirmed compatibility with Magento 2.3.5.
  • Implemented small Backend performance optimizations.
  • Added nxcli.net (Nexcess temporary URL) as a valid domain in the licensing process.
  • Added an option in the Developer section to allow for switching Magento's CSP between "report-only" and "restrict".


Version 1.9.6 - April 9, 2020

  • Fixed a potential error related to the Price Filter when used with Elastic Search.
  • Added a patch for jQuery UI (Magento 2.3.0 - 2.3.2).
  • Fixed a Backend issue on Magento Commerce whereby the Category Schedule functionality was not working properly.


Version 1.9.5 - March 10, 2020

  • Fixed an issue whereby certain backend options would become unusable when upgrading from the FREE version to the PRO version.
  • Fixed a console error shown on mobile when the Price Filter was set to display as a Slider.
  • Fixed a console error that occurred when applying a filter via Ajax.
  • Assured compatibility for later versions of Elastic Search 6.0+
  • Backend label text changes.
  • Added backend Google reCaptcha compatibility for Magento 2.3.x


Version 1.9.4 - February 5, 2020

  • Fixed an issue related to Multi-Select which caused Color filters to disappear when filtering by Color, Size and then Color again.
  • Fixed an issue that prevented disabled products from disappearing from the frontend when filtering via the Category filter.
  • Fixed a display issue related to the Ratings Filter - the filter was missing visual confirmaton that it was selected.
  • Fixed a bug which, in some cases, prevented items from being added to cart after a page load with Infinite Scroll.
  • Fixed an bug that prevented the page from returning to the top when changing pages via Ajax Next Page.
  • Fixed a bug that caused subcategories in the menu to overlap with the filter button.
  • Fixed a bug related to Ratings Filter Multi-Select - this option was not working.
  • Code enhancements for increased security. Changed User Group info collection method.
  • Confirmed compatibility for Magento 2.3.4.


Version 1.9.2 - November 27, 2019

  • Fixed a bug which caused Swatches to display incorrectly after filtering or sorting via Ajax.
  • Added Magento and PHP version in the WeltPixel Developer section.


Version 1.9.1 - October 16, 2019

  • Introduced compatibility with Elastic Search 6.0+. The module was previously only compatible with Elastic Search up to version 5.0+.
  • Removed an unnecessary comment from the Admin Section related to the Multiselect option.
  • Added escape HTML/JS tags to prevent XSS (Cross site scripting).
  • Fixed an issue whereby the Layered Navigation would open by itself after selecting a sorting option on the Category Page (Slide Down design).
  • Fixed an issue that caused Swatches to disappear from the Category Page products after sorting or filtering and scrolling to the next page.
  • Confirmed compatibility with the latst Magento 2.3.3 version.
  • Included the WeSupply Toolbox integration extension - Proactive Notifications Email & SMS, Returns & RMA, Store Locator, Delivery Date Estimate, Logistics Analytics, NPS & CSAT score. Get Free on-boarding and launch within 24 hours.


Version 1.9.0 - July 18, 2019

  • Fixed an issue on mobile whereby Multi-Select filters that were selected would not properly show this.
  • Confirmed compatibility with Magento 2.3.2.
  • Added HTTPS endpoint for licensing process.


Version 1.8.5 - June 7, 2019

  • Fixed an issue whereby the number of items in the toolbar did not match the number of items in the collection.
  • Fixed an error that occured when the Price Navigation Step Calculation option was set to Automatic (equalize product counts).
  • Fixed an error that occured on certain configurations when using the Ratings filter.
  • Fixed a bug which prevented scrolling on mobile devices.
  • Small performance improvements.


Version 1.8.4 - April 25, 2019

  • Fixed an issue where the Slide In filter would overlap with the Sticky Header on certain configurations.
  • Added PHP version in the WeltPixel Developer Section.


Version 1.8.3 - April 3rd, 2019

  • Fixed a bug related to the Price filter on the Search Results page.
  • Optimized Price slider to remember initial price range.
  • Enabled MultiSelect option for Swatch type attributes.
  • Fixed an issue on the Search Results page when filtering while Infinite Scroll was enabled. Sometimes, not all products were loaded.
  • Added the option for Swatch Attributes to be Fully Opened or Closed.
  • Fixed Show More/Less Attribute Options functionality on mobile devices.
  • Confirmed compatibility for Magento 2.3.1.


Version 1.8.2 - January 24, 2019

  • Disabled fields that are not applicable for swatch attribute types in order to avoid confusion.
  • Logo overlay fix.
  • Fixed a bug that prevented the correct functionality of Layered Navigation when Infinite Scroll was disabled - compatibility fixes.
  • Layered Navigation - fixing Sort By mobile filter, this filter was not working correctly with the Free version of this extension, Pro version worked correctly.
  • Helpcenter adjustment, removed zendesk iframe and added a simple link to our Support Center in order to avoid any potential conflicts with other admin js added by 3rd party extensions.
  • Fix for multiple rewritten ImageFactory classes, rewrite check validity, rewrite checks optimizations.


Version 1.8.0 - December 8, 2018

  • Fixed an error that occured in Magento 2.1.x while checking for an existing category in the registry.
  • Fixed a bug where the Mega Menu was not loading on Internet Explorer due to unrecognized function.
  • Compatibility adjustments for Magento 2.1.16/2.2.7/2.3.0.
  • PHP 7.2 compatibility added.
  • As Magento 2.3 comes with major core changes, we have provided a different set of files in order to achieve the best performance on each version.


Version 1.7.5 - October 24, 2018

  • Price slider drag fix on mobile devices.
  • Fixed page header and nav-section z-index.
  • Fixed bug on category filtering on more than level 3 categories.
  • Added compatibility with our newly released WeltPixel Product Labels Extension.
  • Added detailed error messages for invalid licenses for an easier identification of the cause.
  • License improvements, added *.magento.cloud as a valid test domain for Enterprise Cloud environments. Now both ‘magentosite.cloud’ and ‘magneto.cloud’ can be used for testing purpose with the production domain license.


Version 1.7.4 - September 25, 2018

  • Layerd Navigation Pro - possibility to hide attribute on specific category.
  • Hot fix for Magento 2.1.x and WeltPixel Layered Navigation version greater than 1.7.2, category page was broken in M2.1.x when Layered Navigation was enabled.
  • Layered Navigation - fixed issue which prevented user to create new attributes when layered Navigation was enabled.
  • Layered Navigation scroll bar design adjustments.
  • Added compatibility with just released Advance Category Sorting extension by WeltPixel.
  • Layered Navigation overlay fix with logo, top links, sticky header.
  • Admin menu styling to fit screen size 1366px.
  • Fix for production mode with merged JS - missing color pallet display now fixed.

Version 1.7.3 - August 23, 2018

  • New feature: Added search by product ratings. (Pro version)
  • New feature: Added Ajax Filter Price Slider functionality. (Pro version)
  • Design and documentation improvements.
  • License improvements, adding *.magento.cloud as a valid test domain.


Version 1.7.2 - August 2, 2018

  • Added Slide down Layered Navigation Design (Pro version only).
  • Added Instant Search Functionality (Pro version only).
  • Fixed Navigation overlapping store logo.
  • Add data layer impression push to Google Tag Manager on Ajax Filter requests.
  • Fixed Non Sticky header menu overlapping in Slide In design.
  • Additional compatibility adjustments with WeltPixel Infinite Scroll and Ajax Filter catalog.
  • Fixed admin random logout issue.
  • Licensing improvements, allowing 3 letter domain as valid domain.


What's new in v.1.7.1 - July 11, 2018

  • Compatibility with Magento 2.2.5 both Open Source & Commerce Cloud B2B.
  • Added domain.test & [any_subdomain].domain.test to the list of valid urls for staging/development environments. Added domain validation with port number included for licensing purpose.
  • Added licensing compatibility with Magento B2B.


Version 1.7.0 - July 10, 2018

  • Initial release
Recently Viewed
No recently views items
Clear All
Newsletter Fashion Box
How about a gift?