• Most Innovative Extension Developer
  • Magento Select Technology Partner

Layered Navigation for Magento 2

4.9 out of 5 stars

4.9 out of 5 stars

Magento Editions Compatibility:

  • Community: 2.1.0 - 2.1.7
  • Enterprise: 2.1.0 - 2.1.7

Layered Navigation for Magento 2

Current extension version: 1.6.1

An enhancement that brings native layered navigation functionality up to industry standard

  • Take care of SEO in few clicks
    With full set of SEO improvements available at the extension settings
  • Let customers find what they came for
    With improved navigation experience and filter multiselect
  • Add brands to increase loyalty
    With free Shop By Brand add-on introduce brands and include them in layered navigation
  • Enterprise Solr support
    Layered Navigation works wonders with Enterprise Solr search
  • Friendly customization
    The extension is integrated into Magento LESS making it the best choice for custom themes
Want a discount?
Login to see the offer
, your discount is 25%
Use "2M2" coupon
Copy
Copied
, you can get 25% Off
Learn more
$249
  • 45-Day Money Back
  • Free Installation
  • 90 -Day Free Support
  • Free Lifetime Updates

How Layered Navigation Magento 2 extension beat the competition?

  1. Unit tests

    Allow to check compatibility with Magento versions, helpful during customization process

  2. Quality code

    Full compliance with Magento 2 requirements, LESS used for styles, overall optimized code

  3. Mobile adjusted

    Going beyond basic responsive design, our extensions support mobile-specific user interactions

Experience the extension first hand!

Pick a quick tutorial to learn about various aspects of this extension.

How Magento 2 Layered Navigation works

When installed, Magento 2 layered navigation extension automatically applies functionality improvements to native navigation, with just a few optional features left for administrator to decide on. Layered Navigation eliminates unnecessary page reloads when applying filters, showing customers how many results the current configuration will yield and letting them decide when they are ready to reload.

Case Studies on how to :

Reduce Filtering Time with Attributes Multiselect

Sometimes customers are not sure about the final set of attributes for the products they need. Hoping to make a final decision during their visit to a store they may still hesitate between attribute options, e.g. different colors, sizes, capacities, etc.

So, at this stage of catalog navigation they need to filter products by attribute variations and compare them to each other. And, mindful of the fact that 40% of users never return to a web site if their first visit is a negative experience, we should pay close attention to the navigation usability.

Step 1 Analyze

If you have a number of attributes available at customer's disposal it may be more appropriate to enable "Show X Items" pop-over, to let customers selecte several attributes and reload page upon checking them all.

Step 2 Enable

The process of selecting attribute values one by one is going to be twice or thrice longer than the time required by the multiselect navigation functionality. Combination of this functionality with automatic disabling of void options accelerates the process manifold.

Speed up filtering and save time for purchases allowing customers to select multiple values of product attributes simultaneously.
New visitors on average spend 2 minutes 31 seconds on ecommerce websites, which is quite short time to find the product, add it to the cart, and pass the checkout. The multiselect functionality allows customers to find the products they need quickly, provides them with excellent user experience, and increases the probability of a purchase.

Improve Usability for New Sales

It is quite obvious that simple and convenient navigation is able to increase conversion rates of any ecommerce store. Navigation usability becomes even more important if we’ll take into consideration that 79% of visitors search for another website if the content is not optimized.

However, sometimes extensive and complicated catalogs require sophisticated navigation functionality that is not always easy to use. The Magento 2 Layered Navigation extension complies with most of the industry usability standards and allows customers to browse any catalogs fast and effectively.

Step 1 Add new filters

Additionally to the default Magento 2 product filters, the module offers some useful options, including ‘New arrivals’, ‘Discounted products’, ‘In-stock Items’, and ‘Price Slider’.

Step 2 Consider the look

Long multi attribute filters passing beyond the fold of a screen page are extremely frustrating for customers as soon as they break the flawless shopping experience. According to statistics, 77% of people view only the content above the fold. The way to avoid this inconvenience is to wrap those multi-attribute lists showing only a limited number of attributes.

Step 3 Disable irrelevant options

If a customer selects certain attribute values the module automatically hides void attributes releasing customers from the need to select null options.

Avoid any usability pitfalls that make customers feel lost and disappointed. Let customers find the products they need and reach checkout without irritation.
Statistics shows that 25% of customers exit online stores due to complicated navigation. With the above feature customers are able to finish filtration successfully, find the products they need and be ready to visit the store again.

Ensure Flawless Integrations and Easy Customizations

The same as Magento itself the Layered Navigation extension uses LESS functionality that allows customizing navigation section easier and conform it with the appearance of your Magento theme. The advanced functionality of LESS provides additional customization opportunities and makes the whole process simpler and cheaper.

Step 1 Install Layered Navigation

Follow the installation instructions in the user guide to make sure the extension is installed properly.

Step 2 Ping your developer

That's it, decide how you want Layered Navigation to look like, tell your developer to adjust it and you are good to go.

Get Layered Navigation for Magento 2 prepared for customizations and Magento integrations.
In addition to the valuable functionality the Layered Navigation extension for Magento 2 also enables layout improvements that will fit the overall visual conception of your store.

Minimize the Number of AJAX Reloads

Perhaps, the most annoying thing of any catalog filtration is constant page reloads triggered by each product attribute added to filter configuration. They take time and test your patience.

The Magento 2 AJAX Layered Navigation allows you to reduce that impact updating only a part of the whole page and making reloads almost invisible for customers. However, the module is able to further reduce the number of AJAX reloads to only one single code execution.

Step 1 Enable "Show X items" pop over

Navigate to the extension settings and set "Show X Items" Pop-over enabled.

Step 2 Enjoy the results

There are no additional steps, customers can now select multiple attributes and control when the catalog page is reloaded.

Make layered navigation intuitive and prompt without page and even AJAX reloads.
If enabled the ‘Show X Items’ popover allows customers to include all necessary attribute options and only then render the results by clicking the ‘Show’ button. Depending on the number of used attributes this functionality is able to save up to one minute per each filter by attribute procedure.
81% of customers search products online before they make a purchase. If they do not find the products they need in your store, they go to another one with no regrets. This situation is exactly what the Layered Navigation for Magento 2 helps to avoid.

Screenshots:

  • Popover with result count
  • Item count with disabled Popover
  • Multiselect feature
  • Extra filters
  • Mobile view
  • Extension settings
  • Shop By Brand
  • Brand pages
  • Product pages
  • Selected filters block
  • Fully covered SEO
Previous
Next

Popover with result count

spares unneccessary reloads, allowing to update page when ready

Popover with result count | spares unneccessary reloads, allowing to update page when ready

Item count with disabled Popover

if the popover disabled the product count matching related filter is displayed in brackets

Item count with disabled Popover | if the popover disabled the product count matching related filter is displayed in brackets

Multiselect feature

allows selecting several attributes within a single category

Multiselect feature | allows selecting several attributes within a single category

Extra filters

allow narrowing selection down to specific items

Extra filters | allow narrowing selection down to specific items

Mobile view

adjusted for screen-specific interraction

Mobile view | adjusted for screen-specific interraction

Extension settings

allow enabling/disabling additional filters, the rest is configured automatically

Extension settings | allow enabling/disabling additional filters, the rest is configured automatically

Shop By Brand

introduces brand filters to the layered navigation

Shop By Brand | introduces brand filters to the layered navigation

Brand pages

introduced by Shop by Brand extension contain brand logo, description and any media required

Brand pages | introduced by Shop by Brand extension contain brand logo, description and any media required

Product pages

may come with short brand description and brand logo

Product pages | may come with short brand description and brand logo

Selected filters block

displays all currently applied filters and allows disabling irrelevant ones

Selected filters block | displays all currently applied filters and allows disabling irrelevant ones

Fully covered SEO

ensures only the pages you want and come first in the search engines

Fully covered SEO | ensures only the pages you want and come first in the search engines

Feature Highlights

Check out selected features below or view documentation for a full feature list

Fast and flexible navigation


  • Fast AJAX navigation

    Only product catalog is refreshed, customers don't have to wait for full page refresh.

  • Multiple filters

    Let your customers select all required filters, and decide if catalog is refreshed after all filters are applied or after checking single filter.



SEO enhancements


  • Define the URL look NEW!

    Decide how the URLs with applied filetes look: default, attribute values instead IDs, attributes as subcategories.

  • Disable indexing of catalog search pages NEW!

    Let web crawlers know that search pages should be avoided.

  • Meta title and description NEW!

    Catalog pages with filters applied use attribute values for meta information.

  • 301 redirect to override NEW!

    If some of your catalog pages, with URLs of a different look, were indexed by search engines, automatic 301 redirect will make sure such pages are redirected to the relevant ones of Layered Navigation.

  • Rewrite meta robots NEW!

    For category search pages meta robots tag can automatically include NOINDEX, NOFOLLOW to avoid duplicate content.



Two ways to apply filters




Convenient and explicit filters


  • Filter look and feel

    Decide if you want filter to be a checkbox, text field, button or swatches.

  • Nested attributes dependencies

    If the main filter applied doesn't have particular child attribute - it is hidden automatically.

  • Color swatches

    Product images are automatically updated depending on the selected color.

  • Applied filters block NEW!

    Let your customers disable applied filters in the convenient block.

  • Vertical scrolling

    Filters with numerous options are automatically equipped with scrolling saving vertical space.

  • Muliple values of the same filter

    Let customers look for both M and L sizes of a shirt.

  • New filters

    Product selection may be narrowed down to show new, discounted, in-stock items, and items within a particular price range.



By brand shopping


  • Brand logo at product page

    Product pages can have a brand description and logo displayed.

  • Dedicated brand pages

    Give personalized look to all brands gaining customer's trust and catching an eye.



Additonal features


  • Mobile-friendly

    On a mobile device interactive item count is displayed not in a pop-over, but via a special count bar at the bottom of the page, which is less distracting and easier to interact with.

  • Interactive item count

    As attributes are selected, an automatic popover shows how many items match current selection.

  • Applied to search page

    The extension works both for catalog and for search result pages.

  • Supports grid and list layout

    Products can be displayed as a grid or as a list.

  • Default item count

    If the popover disabled the product count is displayed in brackets.

Vitaly Verbitsky | VP Partnership and Sales

Any questions?

I’ll be happy to tell you more
about our products!

Let's get in touch!

Vitali Verbitsky
  • Reviews (7)
  • Customer Questions & Answers (3)

Common rating

4.9 of 5 stars

Write a Review

Review guidelines

When writing your review, please consider the following guidelines:

  • Review the product only if you've tried or bought the item;
  • Focus on the product and your individual experience using it;
  • Provide details about why you liked or disliked a product;
  • Be constructive and specific with your praise or criticism.

We reserve the right not to post your review if it contains any of the following types of content or violates other guidelines:

  • Obscenities, discriminatory language, or other language not suitable for a public forum;
  • Advertisements, “spam” content, or references to other products, offers, or websites;
  • Email addresses, URLs, phone numbers, physical addresses or other forms of contact information;
  • Critical or spiteful comments on other reviews posted on the page or their authors.

Aheadworks Co. does NOT edit the reviews and posts them as written by the reviewer.

In addition, if you have any questions on the products – the compatibility, the functionality, or anything else – please do not submit them through a product review. We are glad to answer them in Aheadworks Forum.

Enjoy writing your review!

1 star 2 stars 3 stars 4 stars 5 stars
How do you rate this product?

All fields are required

Tom

Jun 9, 2017

Great Support

After an initial problem with the extension clashing with another, Aheadworks didn't hesitate in getting straight on the case and fixing it for us - great support from the team, thanks

Satish

Feb 16, 2017

Good module

Good module, easy to setup.
My client is happy, so am I :)
And support is top notch.

Irene

Dec 20, 2016

I like it

I like its functionality. It helps customers find products they want easier and faster, and that exactly at what we aimed.
It looks nice on our site. And it is easy and practical to use.
Besides, I got a free installation service. Thanks, guys! You know your job!

Tom

Dec 2, 2016

I like this one

Using this for several months already and totally satisfied.
Nice module, good work, AW!

Andreas

Sep 6, 2016

1.1.0 brought huge updates

New version gets updated with AJAX, which is good, and there are two reasons why it is important:
1. This is the design many of store owners needed;
2. aheadWorks listens to their customers.
Also, a significant part of the code has been rewritten in the name of better compliance with Magento 2 guidelines, which, along with unit tests, makes an integration easier.
As a developer, I can't help appreciating their way of updating the products.
5/5

Paul

Aug 31, 2016

Must-have

An extremely simple extension, but the one you can't do without. Virtually no setup required.

Steven

Aug 3, 2016

This is essential extension that every new store must have

I've been using this plugin for six months. It doesn't require additional configuration you have to worry about. Cool feature with an interactive frame. A bit frustrated about Ajax not included by default, hope to see it in the next update. Definitely recommend.

I run Magento 1.X. Will my currently installed extensions from aheadWorks work in Magento 2?
Due to a significant difference between Magento 1 and Magento 2 branches, the extensions for M1 will not work in M2.
However, the owners of the extensions by aheadWorks for Magento 1 can use coupon 2M2 to get 25% Off discount on purchase of any extensions by AW for M2
Hi, I want to purchase this extention for our magento 2 website. However during the purchase I have to enter our url. Does this extention only work on 1 installation? Because we have a development environment and a production environment.
Our EULA allows using the extensions on a single production and as many dev or staging sites as you need without a need of purchasing an extra license.
Which URL do I specify on checkout if I've got only a development store at the moment?
You need to enter a final address of the site when it will go live.

If the domain name is still under consideration at the moment of purchase, you can enter an address of your dev environment. In this case, don't forget to contact us when the final domain name has been registered: our support team will change it by your request.

Subscribe to updates on Magento 2 extensions

Subscribe to updates on Magento 2 extensions

Please wait...

added to cart
Go to Checkout Continue Shopping
Continue shopping
View cart & checkout