Child pages
  • Layered Navigation - Magento 2

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section

Layered Navigation extension comes ready for work right after the installation.

  • Once installed Layered Navigation replaces the native Magento 2 navigation menu automatically, introducing additional functionality and filters;
  • AJAX reloads allows customers to refresh only the product results instead of the entire page;
  • Layered Navigation can filter products on both catalog and search result pages;
  • Grid or list view support;
  • Mobile-friendly layout.

Enabled and Disabled Pop-over Modes

The provided navigation functionality can be implemented in two ways: with or without the navigation pop-over. In the latter case, the module updates the product results page upon each filter selection, while with the pop-over enabled customers can choose all the necessary attribute values and then refresh the resulting page at once. Each of the above logic changes the appearance of the layered navigation bar a bit. For example, the bar without the pop-over features the count of products available upon the particular attribute value selection in brackets, while the pop-over mode displays only the number of currently selected items.


It the example above we have selected three Style attribute values. Once all the required attribute values are selected the customer is suggested to click the button in the extension's pop-over.


Info

Consider that you can stop displaying product counts by the extension if this option is disabled in the native Magento layered navigation configuration section in the backend (Stores -> Configuration -> Layered Navigation -> Display Product Count).

Attribute multiselects

The first difference between the native Magento layered navigation and our extension you might notice is the attribute values multi-select. It allows customers to select several attribute values within one product attribute and, this way, considerably broaden and improve the final product selection.

Info

Layered Navigation extension catches up all the product attributes available for the particular category. Attribute sorting options, values, availability for layered navigation, - all these are native Magento 2 settings that are controlled by native Magento settings described in the developer user guide.

New filter options

Along with the enhanced navigation functionality, the Layered Navigation extension offers three new filter options:

  • In Stock - once selected displays all the products in stock. It is useful if you display out of stock products in your store (filter is automatically disabled if there are no out of stock products in a particular category);
  • On Sale - displays all the products with the 'Special Price' attribute (filter is automatically disabled if there are no products with 'Special Price' in a particular category);
  • New - displays all new products with the 'Set Product as New from Date' option enabled (filter is automatically disabled if there are no 'new' products in a category).



In the example above, we have selected 'On Sale' filter resulting in all the products with Special Price displayed.

Other newly added filter options act in the same way directly exploiting the native Magento 2 attributes.

Additionally, the Layered Navigation extension is compatible with the Magento Solr search out of the box with no manipulations required.

Show X More

In order to truncate extra long lists of multiple attribute values, the extension uses the Show X more link. The link shows the number of hidden filter values and allows customers to unfold the list in just one click if needed.

Clear All

As soon as customers can simultaneously select several and sometimes a lot of attribute values within the same filter, the process of disabling them one by one may become quite time-consuming. So, Layered Navigation allows them to cancel all the selected filter values in just one click on the "X" button next to the filter name.

Price Filter

The extension also offers new types of the Price filter, including the price slider and from-to price input. The first one is especially useful for quick selections, while the from-to input allows customers to specify exact price ranges.

...

Section

The extension configuration settings can be found under Store > Configuration > Aheadworks Extensions > Layered Navigation.

General settings

The settings available define the extension behavior and additional filters available for customers:

  • Enable AJAX - defines how the extension handles the category page when the filter is applied:
    • If set to "Yes" the extension will only reload products block;
    • If set to "No" the extension will reload the whole category page;
  • Display "New" Filter - defines if 'New' filter should be available for customers;
  • Display "On Sale" Filter - defines if 'On Sale' filter should be available for customers;
  • Display "In Stock" Filter - defines if 'In Stock' filter should be available for customers.
  • Disable "Show X Items" pop-over - defines if the pop-over with the total number of items that match currently selected attributes should be displayed;
  • Use price slider - defines if the price attribute should be available for adjustment via slider functionality;
  • Use from-to price inputs - defines if customers can specify the exact price range in navigation;
  • Default filter state - determines the default (expanded or collapsed) state of all filters;
  • Filter values display limit - determines the number of filter values to be shown prior the 'Show X more' link is applied;
  • Hide filters with no available values - defines if filters that do not have values for the currently generated list of products should be hidden at the navigation menu;
  • Hide attribute values if they are not available - shows or hides the attribute values within one filter that are void for the current product selection.

SEO

The SEO optimization settings are aimed at improving overall store performance in the eyes of search engines and allow avoiding some destructive SEO issues.

The available settings are:

  • SEO-friendly URL - defines how filters applied affect the end page URL;
  • Disable search engine indexing on catalog search pages - define if the search engine indexation should is disabled on catalog search pages;
  • Use 301 Redirect for old URLs - if the catalog pages with filters have been indexed and then moved, enabling this setting you will create the 301 redirect to the old page URL composed according to the SEO-friendly URL setting value;
  • Page Meta Title Template - defines what information should be added to the catalog page Meta Title when attributes are selected in Layered Navigation;
  • Page Meta Description Template - defines what information should be added to the catalog page Meta Description when attributes are selected in Layered Navigation;
  • Rewrite meta robots tag - if enabled adds NOINDEX, NOFOLLOW on the category pages when:
    • it is a second or consecutive page (pagination);
    • products are filtered by position, name or price;
    • selected several options of the same filter;
    • product listing is different from the default values - when the product listing value becomes a part of the URL.
  • Add canonical URLs - defines if the canonical URLs are added to the catalog search pages.
Note

Use 301 redirect for old URLs settings works as follows:

If the indexed catalog page URL with filters applied doesn't correspond to the current value of the SEO-friendly URL setting, however corresponds to other values, the indexed category URL will be redirected to the URL of the new format.

...