X hide

Magento Layered Navigation Extension v3.x Configuration

From Plumrocket Documentation

You are viewing:  Product-Filter-32.png  Layered Navigation

Configuring Layered Navigation v3.x Extension

In this article you will learn how to configure Plumrocket Magento 2 Layered Navigation.


Information Sign sm.png Step-by-Step action:
  1. Press the “Plumrocket” tab in the menu and select "Product Filter".
  2. Activate Magento 2 Layered Navigation Extension in the "Enable extension" section.
  3. In the "Serial Key" field enter the serial key provided to you after the purchase of the extension. Note: In most cases this field will be pre-filled with serial key automatically and the green check mark will be displayed. Otherwise please read article Serial Key Activation in order to find and paste your serial key manually.
  4. "Enable SEO Friendly URLs" option: allows to enable or disable SEO-friendly URLs.
  5. "Product Filter Placement" option: allows to place Improved Navigation on Toolbar or SideBar.
  6. "Filter Mode" option: allows to select the filter refresh mode. It can be set to "Auto Refresh" or "Manual Refresh". Automatic mode will refresh the product list each time user selects a filter. Manual mode allows to select multiple options and click "Filter" button.


1 magento 2 product filter configuration up.jpg


Information Sign sm.png Step-by-Step action:
  1. Option "Enable Filter Attributes": allows you to select the needed attributes from the list of all available attributes of "All Attributes" column, and then conveniently drag-and-drop them into the "Filter Attributes" column.
  2. This ajax filter extension allows you to easily combine selected attributes into attribute groups. Just move the needed attribute on top of the other attribute, and group will be created and seleted. Next step shows how attributes group looks like. You can give it a unique name and add more attributes to it. Multiple groups can be created for filtering.
  3. Option "Enable Product Custom Options": allows you to choose which Custom Options will be displayed while using filter functionality.


5 magento 2 product filter configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. "Price Display Type" option: allows to set the display of the price. You can choose from "Range", "Input Fields" and "Slider" options.
  2. "Show Empty Filter Options": if this option is set to "No", product filter options with "0" results will be hidden from the list of available options.


3 magento 2 product filter configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. This is how product price can be displayed on your Magento 2 frontend.


Product-filter-price.jpg


Information Sign sm.png Step-by-Step action:
  1. This is the toolbar view of selected attributes displayed on your Magento 2 frontend.


Magento 2 product filter config toolbar up.jpg


Information Sign sm.png Step-by-Step action:
  1. This is the sidebar view of selected attributes displayed on your Magento 2 frontend.


Magento 2 product filter config sidebar.jpg


Disabling Filter Attributes and Customizable Options for a Specific Category

Information Sign sm.png Step-by-Step action:
  1. Go to "Products" section in the main menu.
  2. Choose a category you need to hide the attributes and/or custom options for.
  3. Go to "Display Settings" tab.
  4. In the "Disable Filter Attributes And Customizable Options" field select the attributes and/or custom options to be disabled for this category.
  5. Once all the changes are done, press "Save Category" button.


4 magento 2 product filter configuration.jpg


At this point, the configuration of the Plumrocket Magento 2 Layered Navigation is completed.

Product Filter Extension for Magento 2 Product Filter Extension for Magento 2

Buy Magento 2 Product Filter Extension on Plumrocket Store
Click below to check key features of this extension, view live demo and screenshots:
Navigation