Amasty Improved Layered Navigation for Magento 1 and 2

 

Improved layered navigation Magento 2 extension

The Magento 2 platform was represented as something much more robust and user-friendly than Magento 1. It is a completely new ecommerce solution rather than the updated version of the old platform. Indeed, Magento 2 solved lots of problems that irritate merchants in Magento 1, but it is still far from being perfect. For instance, the layered navigation functionality was added to the platform. In case of Magento 1 it was possible only via third-party extensions. But what did we get in Magento 2? Layered navigation that still has a room for improvement. The Magento 2 layered navigation multi select functionality for one filter is still possible only with such tools as Amasty Improved Layered Navigation. As for other improvements this Magento 2 layered navigation extension provides, they are described in the following post. And don’t forget about our comparison of the best layered navigation extensions for Magento 2.

Download / Buy Amasty Improved Layered Navigation for Magento 2

Download / Buy Amasty Improved Layered Navigation for Magento 1

Let’s start our journey (today it will be very long) into the world of the Magento 2 layered navigation extension by Amasty from its core features.

Features

  • All the desired layered navigation features in one module;
  • Highly adjustable menu with product filters;
  • Magento 2 layered navigation multi select;
  • Advanced SEO features designed to eliminate duplicate content issues;
  • Brand filtering;
  • AJAX filtering;
  • Sliders and widgets.

Although this one doesn’t look like a huge list of features, but the further more detailed exploration will help you find out all nuances. The Magento 2 layered navigation extension is really huge and powerful; and we undoubtedly agree with Amasty that it is the most feature-rich tool in the whole Magento ecosystem. If you know a tool that offers wider functionality, please, let us know via the comment section below.

It is also necessary to mention that the amasty team often push updates making the module even more valuable. Therefore, lots of pleasant surprises are waiting for us in future. But let’s return to the already available features.

The Magento 2 layered navigation extension is based on AJAX. If you are not familiar with the technology, we should ensure you that AJAX makes every module much use-friendly. It absolutely eliminates reloads. What does it mean for a layered navigation Magento 2 extension? You customers reach the desired products much faster in a better mood: no reloads occur every time a new filter is applied! Thus, the first strong advantage of Amasty’s layered navigation module is obvious.

As for a flexible menu, it offers several parameters that allows you to configure the frontend appearance of the Amasty Improved Layered Navigation Magento 2 extension according to your ecommerce needs. First of all, there are two types of menu layout. In addition to a more common vertical menu, Amasty adds horizontal one. Thus, depending on your store design, you can choose one that is the most suitable. Besides, it is possible to enhance filters with sliders, radio buttons, dropdowns, and checkboxes. The Amasty Improved Layered Navigation Magento 2 module allows to create stunning shopping experience where every element has unique appearance and engages customers to interact with it.

Improved layered navigation Magento 2 extension

Another great improvement the Amasty Magento 2 layered navigation extension adds to the default navigation system of the platform is a page that contains all products and all filters. It may look like something extremely chaotic especially if there are several categories on your store, but often such page helps customers to find the desired items much faster: they apply the necessary filters and get a small but very precise selection of the most likely products. You must admit that it is better to provide customers with this page (if it is not mandatory) than to eliminate an alternative way of finding something.

Improved layered navigation Magento 2 extension

And multiple filters and their options can be applied in bulk essentially improving the default navigation. The Amasty Improved Layered Navigation Magento 2 extension does a really good job making shopping experience flawless and superb fast.

Now, let’s discuss navigation filters this Magento 2 layered navigation extension provides in more details. When it comes to this aspect of layered navigation, Amasty does miracles. First of all, you get a great variety of display modes. To be specific, the Amasty Improved Layered Navigation Magento 2 module provides 5 basic filter display modes: labels, images, a combination of the first two types, drop-down, and text swatches. Depending on the filter type, the most convenient mode is applied turning boring shopping into engaging experience.

Improved layered navigation Magento 2 extension

Furthermore, Amasty’s Magento 2 layered navigation extension allows to use dependent filters. It means that a section with filters will be always neat and carefully ordered, because there is no need to display all filters. New options appear only when a customer selects a certain filter parameter providing the ability to make more precise picking. In Brands, select Umbro, and the color selection will be limited to one parameter.

Improved layered navigation Magento 2 extension

And as we’ve already mentioned, the module allows to select multiple values of the same filter. This dramatic improvement allows to forget all your doubts concerning the necessity to install a third-party layered navigation Magento 2 extension, isn’t it? Imagine, how happy your customers will be when a color filter will allow them to select several parameters eliminating the need to look for a gray hoodie and then repeat everything for black one.

Improved layered navigation Magento 2 extension

To make the filter section even more organized, the Amasty Improved Layered Navigation Magento 2 extension provides the ability to set a limit on displayed filter options. For instance, you can show only 4 the most popular parameters for each filter. If a customer needs more, there is the More button that unfolds other filter items. Alternatively, it is possible to use vertical scrolling.

 Improved layered navigation Magento 2 extension

Another customer-oriented feature of the Magento 2 layered navigation extension by Amasty is a search box. Yes, you can add a search box right to product filters. As a result, a customer can easily find the necessary parameters in a long list of filter options. Furthermore, it is possible to add tooltips with additional product-related information. As a result, shopping experience will be dramatically enhanced once again. And don’t forget about image swatches that also help customers find what they are looking for.

 Improved layered navigation Magento 2 extension

Hover over a small icon on the right side of a filter title to see the tooltip:

Improved layered navigation Magento 2 extension

Now, let’s tell a few words about the Shop by Brand functionality. Due to this feature, the Amasty Improved Layered Navigation Magento 2 module allows customers to find brands that are looking for. The Magento 2 layered navigation extension provides the ability to create unique brand pages with custom content, add brand filters with corresponding logos, and fully leverage brand sliders.

First of all, you can create a page with all brands you work with. Since everything is arranged in alphabetical order + each brand gets a logo, it is extremely easy to find the desired companies. Furthermore, it is possible to add the Premium Brand slider to simplify search even more. Note that the slider can become a part of any category page not to speak of a page with all brands.

 Improved layered navigation Magento 2 extension

Next, the Magento 2 layered navigation extension allows creating a unique brand page with its own content. Add images, descriptions, and banners to make the page more appealing to customers and search engines. The products of one brand now can be gathered in a single place.

 Improved layered navigation Magento 2 extension

Also note that a brand logo can be added to a product page with the Magento 2 layered navigation module.

 Improved layered navigation Magento 2 extension

As for some advanced filters, the Amasty Improved Layered Navigation Magento 2 extension allows to add such new options as: On Sale, Rating, New, and Stock. As a result, the selection of products becomes as much precise as possible. Pay attention to the Rating filter and its design: it not only attract store visitors but also helps to filter out the most popular products of your ecommerce store within a few clicks.

 Improved layered navigation Magento 2 extension

It is also necessary to tell about the visual appearance of various numeric attributes. The Amasty Improved Layered Navigation Magento 2 module allows to show sliders, ranges, and from-to widgets for them. This option makes filtering easier and more intuitive. (A standard text about more loyal customers and increased sales).

 Improved layered navigation Magento 2 extension

And most of the aforementioned features can be applied to a category filter with this Magento 2 layered navigation extension by Amasty. First of all, it fully supports multi select functionality, so any number of categories and subcategories can be chosen. Next, you can set a limit on the amount of unfolded options. There are also two display modes: Labels and Dropdown. The first one allows to select between two display types: Fly-out or Folding.

 Improved layered navigation Magento 2 extension

Now, let’s describe SEO improvements provided with Amasty’s layered navigation Magento 2 extension. First of all, the module allows to create short URL and add custom meta data for brand pages. Besides, you can add unique descriptions and images to make them even more search engine-friendly. Custom meta data and unique texts can be added to pages with filter results, increasing SEO-friendliness of your Magento 2 website. Besides, the Amasty’s layered navigation module generates sane URLs for these pages. At the same time, it is possible to provide pages with filter results with any URL keys regardless category or subcategory names.

Backend

Now, when you know everything about the frontend appearance of the Amasty Improved Layered Navigation Magento 2 module, we’d like to draw your attention to its backend functionality. Get ready for the longest Magento 2 backend tutorial in your life. Under Stores -> Settings -> Configuration -> Amasty extensions, you can find 4 tabs dedicated to the Improved Layered Navigation Magento 2 extension: Improved Layered Navigation; Improved Layered Navigation: All Products; Improved Layered Navigation: Brands; and Improved Layered Navigation: SEO.

In its turn, the first section is divided into 9 sections: General. Category Title and Description, Category Meta Tags, Category Filter, Stock Filter, Rating Filter, New Filter, On Sale Filter, and Tooltips. Such a huge list of settings, isn’t it? Although it may scare off some merchants and even marketers, we recommend you to ease anxiety: the more powerful and feature-rich the tool is – the more complicated settings it has. We only have to accept the nature of complex extensions and spend a little bit more time on their exploration. So what about settings of the Magento 2 layered navigation extension?

Improved layered navigation Magento 2 extension

The first one allows you to enable and configure AJAX and some other parameters of the Magento 2 layered navigation extension. Set “Enable AJAX” to “Yes” and decide whether to scroll to top after AJAX load or not. Next, you can enable/disable handling filters collapsing as well as activate vertical scrolling for filters that are higher than the specified value. It is also possible to choose whether to submit filters instantly or by click. Besides, you can hide single-choice filters after a parameter is selected.

 Improved layered navigation Magento 2 extension

The Category Title and Description section of the Magento 2 layered navigation extension invites that you can define Title, Description, Image and CMS block for your filter options under Stores -> Attributes -> Product -> [select attribute] -> Properties -> [select option settings]. In “Filters to apply title and description changes to”, you can specify any filters to apply custom title and description to. Select where to display a filter title (Before, After, or Instead Category Name, Don’t Add), type a character to separate category name & title, select a place to add a filter description, decide whether to replace a category image and a CMS block.

 Improved layered navigation Magento 2 extension

In the Category Meta Tags section, you can select filters to apply additional metadata changes. Select a position of a filter title towards the meta title, specify a title tag separator, specify a filter description towards meta description, specify a description tag separator, and select a position of filter title towards meta keywords.

 Improved layered navigation Magento 2 extension

The Category Filter section of the Magento 2 layered navigation module contains a button that redirects you to settings on the attribute information page.

 Improved layered navigation Magento 2 extension

Under the Improved Layered Navigation tab, the Amasty’s Magento 2 layered navigation extension allows selecting a display mode (above, we’ve already mentioned this option: choose between labels and dropdown), choose block to display the filter in (Sidebar, Top, Both), specify the depth of a category tree, select a subcategories view (Folding or Fly-out), decide when to expand subcategories (always or by click), and configure configure more than a dozen other parameters including rel=”nofollow” and other SEO features.

Now, we’d like to return to the Stock Filter configuration of the Magento 2 layered navigation extension. In the appropriate section, you can enable the filter, select where to display it (sidebar, top, or both), specify its position, label, and tooltip. Next, you can enable/disable the expand functionality and choose a display mode (Labels, Dropdown, Slider, From-To Only).

 Improved layered navigation Magento 2 extension

The same options are available for the rating filter:

 Improved layered navigation Magento 2 extension

And this is the New filter section which contains the aforementioned options:

 Improved layered navigation Magento 2 extension

The Sale Filter section of the Magento 2 layered navigation extension is similar:

 Improved layered navigation Magento 2 extension

As for the Tooltips section, it allows to enable/disable the feature as well as upload a tooltip image.

 Improved layered navigation Magento 2 extension

Now, we can proceed to the All Products tab. Here, the Amasty Improved Layered Navigation Magento 2 extension allows turning on the feature and specify the page URL making it SEO-friendly.

 Improved layered navigation Magento 2 extension

The Brands tab of the Magento 2 layered navigation extension contains more options which are divided into three sections: General, All Brands Page, and Brad Sliders.

The first one provides the ability to select a brand attribute to filter products by a particular brand and provide unique content assigned for the option of the brand attribute. Next, you can specify a URL key, enable brand icon on product pages, choose CMS pages, select a behavior for brands links in a menu bar, and add brands to account top links.

 Improved layered navigation Magento 2 extension

In All Brands Page settings of the Magento 2 layered navigation extension, you can enable/disable brand logo display, set a limit on image width and height, and enable/disable such features as:

  • Enable Search;
  • Enable Filter by Character;
  • Show Characters without Brands;
  • Show Products Quantity (Show the number of products next to Brand name);
  • Show Brands Without Products.

 Improved layered navigation Magento 2 extension

As for the Brand slider, Amastyl layered navigation module for Magento 2 allows to specify visible items qty, apply sorting by name or position, set color for header background and header, create a custom header title, and set a limit on slider and image width.

 Improved layered navigation Magento 2 extension

Besides, it is possible to enable the display of brand labels and buttons, infinite loop, touch simulation, pagination and clickable pagination, and autoplay (autoplay delay can be configured) with this Magento 2 layered navigation extension.

 Improved layered navigation Magento 2 extension

The SEO tab of setting is divided into 3 sections: SEO URLs, Robots Tag Control, and Canonical URL.

In SEO URLs, you can enable SEO-friendly URLs, add suffix to various pages, and select option separator.

 Improved layered navigation Magento 2 extension

In Robots Tag Control, enable/disable the Magento 2 layered navigation extension to modify Robots Meta Tag. In order to make layered navigation compatible with other SEO tools, turn off the feature. Besides, you can enable rel=”nofollow” to be added to filter links when required.

 Improved layered navigation Magento 2 extension

In Canonical URLs, specify this feature for category and All-Product pages.

 Improved layered navigation Magento 2 extension

Pages related to the Amasty Improved Layered Navigation Magento 2 extension are available under Content -> Elements -> Pages. There is a grid with pages that shows page ID, title, URL key, layout, store view, status, and time of creation/modification. You can edit/delete, or view each page individually, as well as delete, disable, enable, and edit pages in bulk.

Improved layered navigation Magento 2 extension

Edit the Shop by Brand page. You can enable/disable the page as well as change its name.

Improved layered navigation Magento 2 extension

The Content section of the Magento 2 layered navigation extension, allows you to use editor in order to create well-looking page with unique content.

Improved layered navigation Magento 2 extension

In search engine optimization, the Amasty Improved Layered Navigation Magento 2 module provides the ability to specify a new page URL (make it SEO-friendly) as well as add meta title, keywords, and description.

Improved layered navigation Magento 2 extension

The Page in Websites section enables you to select websites and store views to display Shop by Brand on.

Improved layered navigation Magento 2 extension

In Design, you can enable/disable the Improved Layered Navigation functionality, select a page layout (1, 2 (left or right bar), 3 columns or empty), and update layout via the Layout Update XML field.

Improved layered navigation Magento 2 extension

In Custom Design Update, specify schedule for a new design and select new theme and layout that will be used by the Magento 2 layered navigation extension.

Improved layered navigation Magento 2 extension

Congratulations! Now, you know how to configure the Amasty Improved Layered Navigation Magento 2 extension. Of course, its backend interface is much bigger than we’ve just described, but above, you can see how all key parameters can be configured and customized.

Recent Updates

Magento 2 Improved Layered Navigation Extension 2.2.0

  • Now you can add “Previous” and “Next” pagination meta links to point search engines where the next or the previous pages are.
  • The order of SEO aliases in the URL is set according to the filters’ order now.

Magento 2 Improved Layered Navigation Extension 2.1.0

  • Magento 2.2 compatibility was introduced

Magento 2 Improved Layered Navigation Extension 1.15.1

  • Attributes mapping was added. It allows grouping filter values for more compact and clear navigation.
  • Now you can display optional images on the product page for any filter option.
  • Expand current subcategories in the category filter in the tree mode.

Magento 2 Improved Layered Navigation Extension 1.14.12

  • Ability to configure an ‘All Brands’ link position in the top menu was added.
  • Top filters were added to the search page.

Magento 2 Improved Layered Navigation Extension 1.14.9

  • Now you can put the brand name at the beginning of the SEO URL.

Magento 2 Improved Layered Navigation Extension 1.14.7

  • Now the module allows limiting the price slider range for UI experience improvement.
  • An ability to add rel=”nofollow” attribute to the filter links was added to reduce search bots burden.
  • The brand filter was removed from the brand page for SEO improvement.

Magento 2 Improved Layered Navigation 1.14.7

  • Now the module allows limiting the price slider range for UI experience improvement.
  • An ability to add rel=”nofollow” attribute to the filter links was added to reduce search bots burden.
  • The brand filter was removed from the brand page for SEO improvement.

Magento 2 Improved Layered Navigation 1.14.6

  • The ability to add URL suffix to a brand and filtered ‘all-products’ pages was added.

Magento 2 Improved Layered Navigation 1.14.4

  • The ability to add a category image to the Custom Pages was added

Untitled-1

  • The ability to add the custom Title, Description, Image & Meta Tags for the Category Pages when filters are applied was made
  • An option to enable the vertical scrolling to filter blocks higher than the size specified in the setting was added
  • SEO configuration tab is available now for the website and store scopes
  • The ability to hide or keep visible a single-choice filter after the selection was added
  • Now it’s possible to show the radio buttons for the single-choice filters
  • The ability to choose URL Alias separator: ‘-‘ or ‘_’ was added

Magento 2 Improved Layered Navigation 1.13.2

  • A ‘New’ filter was added
  • An ‘On Sale’ filter was added

Improved Layered Navigation On sale and New filters

  • An advanced category tree with multi-select and various display options was implemented

advanced category tree

  • The ‘Apply by Button’ feature works on the Search page now
  • The ‘On Sale’ filter works for configurable products now
  • The SEO settings (Index, Follow) for the category filter were implemented
  • AJAX: scroll to top was added

Magento 2 Improved Layered Navigation 1.12.0

  • The “New” and “On sale” filters were added

New and On Sale

The “Apply by Button” feature has been updated. Dropdown multiselect filters display mode and H1 tag update via AJAX.

Magento 2 Improved Layered Navigation 1.11.3

  • Filters in the horizontal navigation;

filters in horizontal navigation

  • Images and Labels option in the display mode;
  • To submit multiple filters in one go, click the “Apply” button;

Submit all filters at once

  • Handy multiselect for Dropdown display mode;
  • “All Brands” page was enhanced with Instant Search Box, First Character Filter and product count;

magento-2-improved-navigation-quick-search

  • Clickable logo and brand name on the product page

clickable logo on product page

  • Performance improvements for SEO URL attributes.

Magento 2 Improved Layered Navigation 1.9.0

  • Ability to add Brands Slider to All Brands page, any CMS Page or static block by inserting the embedded code or adding a widget was added

Brands slider

Add a brand slider where you want to

  • Ability to add Layered Navigation to Home or any CMS Page was added
  • Breadcrumbs for “all-products” and Brand pages were added
  • Flexible canonical URL modes for the category pages and “all-product” page were added
  • SEO URL feature supports store codes as well as the installation into a sub-directory now
  • Compatibility with Amasty AJAX/Infinite Scroll was added
  • Templates modification for PHP syntax was added

Magento 2 Improved Layered Navigation 1.7.5

Brand images were added to the list widget. Now you can upload brand logos and display them on the brand list widget to make it more appealing to the visitors.

Improved Layered Navigation 2 update

The extension received some minor updates and improvements, such as automatic hiding of the slider or the from-to widget when the min and max values are the same.

Final Words

As you can see, Amasty offers the most feature-rich Magento 2 layered navigation extension on the market. Yes, it has a huge list of various settings and configurations, but you get a complete control over the way your extension works. Spend several hours exploring its depths and mastering all the features to fully leverage the most powerful layered navigation you can ever imagine. If any difficulties occur, check the official extension guide, since it describes all the nuances related to the Amasty Improved Layered Navigation Magento 2 module. You can find the documentation on the extension’s official page (follow the link below the post). As for the price, Amasty sells its beast for just $339 – such a reasonable price for this mighty module. To purchase the extension, follow this link:

Download / Buy Amasty Improved Layered Navigation for Magento 2

Download / Buy Amasty Improved Layered Navigation for Magento 1