Layered Navigation Subscriptions

Magento 2 Layered Navigation extension helps Magento 2 e-commerce businesses boost SEO rankings and increase conversion rates with a feature-rich navigation system. The module provides a variety of advanced filters and navigation options to remove irrelevant products and instantly navigate shoppers straight to what they're looking for. Customers can select multi-filters, use quick attribute search, or price sliders for better navigation and more exact results.

Features

• Higher search accuracy with multiple filter selection
• Improve searching speed with Quick Lookup 
• Quick product filtering via smart price slider
• Save time with the Scroll-to-the-top- after-filtering feature
• Instant search results suggestions with Ajax Search
• Create a mobile-friendly experience via Infinite Scroll
• Better branding promotion with Shop By Brand
• Optimize SEO elements

Problems & Solutions

Firstly, the default Magento 2 system frustrates mobile shoppers with its pagination, requiring them to scroll back to the top after filtering. It is a time-consuming and irritating process, especially with multiple pages of results.  However, the Layered Navigation extension by Mageplaza implements an infinite-scrolling feature to keep customers on one page, reduce clicks, and improve mobile-friendliness. After filtering, it automatically scrolls to the top of the page to let customers easily view results.

Secondly, the default Magento 2 has limitations in search accuracy. Customers can only select the fixed price range that the stores set, and can only select one filter at a time, which can be frustrating, especially when dealing with a long list of filter options. Meanwhile, the Layered Navigation extension helps enhance accuracy with search narrow-down features. With the Smart Price Slider, shoppers can choose any price range and select multiple filters simultaneously to find the desired products quickly. Moreover, Quick Lookup helps shoppers instantly search for the attribute or filter option they need.

With the default Magento 2 limitation, there's no option for customers to search based on brand name. However, with the Layered Navigation extension, stores can boost brand awareness and sales by filtering products by brands, navigating shoppers instantly to their preferred brand's products.

Additionally, the default system reloads the entire page every filtering time and produces unoptimized URLs, which is difficult to remember and harms SEO. Meanwhile, the Layered Navigation extension by Mageplaza helps improve loading speed significantly via AJAX technology, customize URLs, and configure elements like meta titles, meta keywords, and meta descriptions to increase store SEO rankings. 

Highlight features

Improve result accuracy with various custom filters

Mageplaza's Layered Navigation extension provides a variety of filter customization options and allows the use of multiple category filters at once to improve result accuracy. This module offers many advanced and trendy filters, such as new arrivals, best sellers, in-stock, top-rated, and size, color, material, etc.

Improve searching speed with Quick Lookup (Pro & Ult editions)

Large businesses with many products and attributes can make it difficult for customers to find their favorite items. Quick LookUp, a search box that allows shoppers to insert attribute keywords to get instant results, can help shoppers overcome this challenge.

Quick product filtering via Smart Price Slider

Mageplaza Layered Navigation offers an interactive Smart Price Slider that allows users to select a desired price range to narrow down product search results. There are 6 available options: Default, Flat UI, HTML5, Modern, Nice White, and Simple Dark.

Save time with the Scroll-to-the-top after-filtering feature (Pro & Ult editions)

Instead of manually scrolling back to the top of the page after applying filters, as is the case with the default Magento setup, the system will now automatically return to the top of the page for your visitors. This improvement guarantees a more streamlined and effective browsing experience, conserving valuable time and effort for your users.

Provide instant search results suggestions with advanced Ajax Search

Ajax Search is included in Magento 2 Layered Navigation. Customers would see search results instantly when typing the first letter in the search box that is displayed in a dropdown without being directed to another page. Additionally, administrators can configure it to show 10 targeted products when users click on the search box, promoting specific products for sales.

Create a mobile-friendly experience via Infinite Scroll [Ult edition]

Infinite scroll is an essential technique on e-commerce websites to automatically load more products as the user scrolls down the page, especially for mobile devices, which account for 75% of all visiting traffic. This eliminates the need for pagination which can be cumbersome and disruptive to the user experience.

Shop with Shop By Brand

In the ultimate version, when combined with the "Shop by Brand" extension, the Layered Navigation module enables shoppers to effortlessly discover products from their preferred brands. The functionality is akin to filtering based on product attributes, with the distinguishing attributes in this case being the brands themselves.

Keep your store SEO-optimized

This extension allows users to optimize SEO elements for their stores by improving page loading speed with the support of Ajax Loading technology. Additionally, With the SEO-friendly URL integrated into the module, users can easily optimize their store site as well as leave an impression in customer's minds. Also, you can set up meta titles, keywords, and descriptions to make sure your products are easy to find in search results and easy to browse on your website.

More features

Product count

Stores can effortlessly configure a feature to display product count in parentheses right next to each product attribute.

Apply filter button

The Apply Filter button lets shoppers see the results at once, eliminating the need for continuous loading.

Hide or display options

Store admin can choose to display or hide the attributes of which products are out-of-stock products or push these products to the bottom of categories.

Vertical and horizontal layered navigation

Both Vertical Layered Navigation and Horizontal Layered Navigation can be applied in this extension

Exclude filters from categories (New)

Admins can hide product state and rating filters from selected categories.

Highlight options 

Admins can highlight filtering options in colors

Full Features List

General Configuration

• Enable/disable the module   
• Ajax page-loading   
• Multi-filter      
• Price slider   
• Support 6 types of slider (Default, Flat UI, HTML5, Modern, Nice White, Simple Dark) 

Attribute Configuration

• Show/Hide Filter Attributes for a Specific Category

Extra support

• Auto-fit with every device (Mobile, Tablet, PC)   
• Support multiple stores   
• Support multiple languages   
• Fully compatible with Mageplaza extensions   
• Free support included within the subscription period   
• 60 days guarantee money back

FAQs

1. Can I apply many filters at once for the same attribute? 

By default, Magento 2 Layered Navigation does not allow you to apply multiple filters at once for the same attribute. However, once you have installed Mageplaza 's extension, it’s possible. To enable the multi-filter feature, navigate to the "General Configuration" tab, then enter the “Multi-filters” section and select “Yes”.

2. In case a certain type of product in my inventory is out of stock, can I disable the display of the attributes of those items?

Yes, you can choose to display or hide the attributes of which products are out-of-stock products or push these products to the bottom of categories. To do that, from the Admin Panel, go to Catalog > Categories. In the Display Setting section, click on Hide Filter Attributes on Layered Navigation then choose the Attribute you want to hide.

3. How to start to configure with Magento 2 Layered Navigation Extension?

Follow these steps: 

• Login to Admin panel, Mageplaza > Layered Navigation > Configuration.
• In the General Configuration, Choose “Yes” in Module Enable to turn Layered Navigation on. No means the vice versa result.
• Click the red button Save Config to save the change.

4. If I sell a variety of products in different segments with a wide range of prices, will this extension help customers find products that are priced within their budget?

The Layered Navigation extension by Mageplaza would help you solve this. Smart Price Slider allows sliding the bar flexibly to define price range instead of entering manually. Shoppers can choose any price range and select multiple filters at once to find suitable products quickly. There are 6 available options for you Default, Flat UI, HTML5, Modern, Nice White, and Simple Dark.

5. How can this extension help me improve the SEO of my store?

The following 3 main features will help you improve the SEO performance of your store:

• Ajax Loading technology: Updates the product results instantly after filtering any product attribute, without reloading the page to improve the site speed. 
• SEO-friendly URL: Be structured in a way that is easy for both users and search engines to understand and makes it easy to navigate and remember for the next search.
• Configure SEO attributes: Store admins can set up meta titles, keywords, and descriptions for high search engine rankings. 

6. Are tooltips available for all attributes in this extension?

Of course,  tooltips are fully supported. They are small pop-up windows that appear when a shopper hovers over an image or other element on a product page. They can provide additional information about the product, such as descriptions, size guides, or reviews.
To enable tooltips, go to the Product Page Navigation section, select “Filterable (with results),” and choose “Yes” to show Tooltips. Then, add the Tooltip content and thumbnail by uploading icons and entering content or leave them as default.

7. Can I set Horizontal Layered Navigation for my product page?

The answer is yes. You can choose to display both Vertical Layered Navigation and Horizontal Layered Navigation easily in admin configuration.

8. Can I build a Categories Tree?

Absolutely yes. Categories Tree is a hierarchical structure that organizes products into categories to help shoppers find products more easily. It starts with a root category, which is then divided into subcategories, and the subcategories can be further divided into even more subcategories.
To build it, from the Admin Panel, go to Stores > Attributes > Product, choose category_ids > Display Properties then configure it. 

Demo

Frontend | Backend

Documentation

User guide | Installation guide