How_To_Multi_select_Layerd_Navigation_In_Magento_2_Effectively

How To Multi-select Layered Navigation In Magento 2 Effectively

by Grace Bui

If you are still confused about what to do with your Magento 2 store, read our article about how to multi-select layered navigation effectively!

Let’s check it now!

Default Navigation vs. Multi-select Layered Navigation In Magento 2

Magento 2 Default 

As you know, it’s simple to find products based on category, price range, or any other available property, thanks to layered navigation. Layered navigation is most often found in the left column of search results and category pages, although it can also be found on the home page. A Shop By list of categories and price range is included in the usual navigation. The presentation of layered navigation, including product count and price range, can be customized. 

The platform, however, does not allow you to specify multiple filter attributes at once by default. It can affect your customer experience and lead to a lower conversion rate. 

Multi-select Layered Navigation In Magento 2 

Default Magento does not allow the customer to choose many products at the same time. But your store has a variety of possibilities; your customers will want to choose or examine numerous categories and product features at once to find the best things. 

Due to the limitation of filtering by only one characteristic, your shoppers will no longer have to navigate through hundreds of products with Magento 2 Layered Navigation. Your visitors will be able to locate their desired products much more quickly than previously.

How To Multi-select Layered Navigation In Magento 2 Effectively?

Magento 2 Layered Navigation is an extension that can help your customers find their desired products instantly. 

READ NOW >>> Magento 2 B2B Features: 10+ Secret Techniques That Boost Your Site if you want to know more about Layered Navigation.

Now, let’s go into details of the configuration and see how the Layered Navigation In Magento 2 works.

1. Layered Navigation configs

config-one

Go to Stores ⇒ Configuration ⇒ BSSCOMMERCE ⇒ Layered Navigation and start the configuration.

In Enable, choose Yes to enable the module; otherwise, select No.

In Rating, choose Yes to enable filter by rating attribute; otherwise, choose No. Multiple select is disabled for rating attribute block, and users can only select one rating attribute option at a time.

In Category Tree Level, enter the number of category tree levels displayed in the Category attribute block. Enter 0 to display the default Category.

Let’s take the following example:

tree-level

  • If you enter 0: only show category A
  • If you enter 1: show category A and sub-categories of category A (B and C)
  • If you enter 2: show category A, B, C and also sub-categories of category B.

Other categories choose Yes to enable. 

For example:

  • Customer select options as below:

customer-select

  • Results are generated:

result-generated

To clear filters, customers click to Clear All.

You can also choose Filter by category, Filter by attribute input type (Multiple select, Dropdown, and Swatch) and Filter by Rating, Filter by Price

2. Product Attribute Settings

Please go to StoresAttributes Product Edit Product Attribute and start the configuration.

product-attribute-settings

Storefront properties

In Storefront ⇒ Properties Use in Layered Navigation, choose one of the two options below.

  • Filterable (with results): Layered navigation includes only those filters for which matching products can be found. Any attribute option that already applies to all products shown in the list does not appear as an available filter. Attribute options with a count of zero (0) product matches are also omitted from the list of available filters.
  • Filterable (no results): Layered navigation includes filters for all available attribute options and product counts, including those with zero (0) product matches. If the attribute option is a swatch, the value appears as a filter but is crossed out.

Please note that Use in Layered Navigation is only available to catalog input type Dropdown, Multiple Select and Price.

Storefront proper

Go to Attribute ⇒ Information ⇒ BSS Layered Navigation to start the configuration.

In Display Option Settings, there are 8 display options to choose. You can choose whatever option you want to customize. 

In Show More/Less, there are 2 options: No & User General Settings.

In Expand/Collapse, there are 3 options: Expand, Collapse and User General Settings

Click Save and flush the cache to complete the configuration.

How Does Multi-select Layered Navigation Work With Other Extensions?

Magento 2’s Product Label functionality allows merchants to design bespoke labels for their products. It’s useful for highlighting a group of products with discounts or special offers. Labels can be customized for specific establishments or consumer groups.

For the Magento 2 online store, Custom Option Image is additional functionality for optimizing the image of product landing pages. The feature adds a slew of additional features that make it easier for customers to picture your products, resulting in a quicker buying decision.

LET’S CHECK our latest update: BSS Magento Extension Latest Update – April 2021 to have more information.

Your customer wants to know more about your products, so it is ideal to combine more extensive features in your website. They will understand your product better, and that leads to higher conversion rates.

Conclusion

This is all about how to multi-select layered navigation in Magento 2 effectively. 

BSS Commerce is one of the leading Multi-platform eCommerce solutions and web development services providers in the world. With experienced and certified developers, we commit to bring high-quality products and services to optimize your business effectively.

CONTACT NOW to let us know your problems. We are willing to support you 

Next Reading Suggestions

© 2019 BSS Commerce owned by THANH CONG INTER ., JSC. All Rights Reserved.
Business registration certificate no. 0106064469 issued by Hanoi Department of Planning and Investment on 19 December 2019.
Legal Representative: Mr. Nguyen Quang Trung.