With a feature-rich navigation module, you will easily enhance customer shopping experience by adding a handy vertical and horizontal navigation menu to your website. Filter store catalog by any product attribute, display price sliders and ‘from-to widgets’. Generate custom brand pages and optimize your website for search engines.

• Configure multiple store filters to meet your specific need;
• Auto generate SEO-friendly page URLs;
• Display a 'Brand' filter;
• Use AJAX technology to streamline product filtering;

To get the access to General extension settings please go to:Stores → Configuration → Improved Layered Navigation

Enable AJAX - Enable AJAX to avoid page reloads.

Add vertical scrolling for filters higher than - Specify maximal filter size (in pixels) that will be displayed without vertical scrolling. In case a filter is higher that the indicated size, the scrolling will appear.

Submit filters - Choose ‘Instant’ mode to apply filters one by one. With the ‘By button click’ mode customers will be able to apply multiple filters in bulk.

Filters to apply title and description changes to -specify any filters to which you want to apply custom title and description.

Add filter title - Select the place where filter title will be displayed:

• Before Category Name
• After Category Name
• Replace Category Name
• Don't Add

Separate Category name and title with Specify the separator for a category name and a title

Add filter description - Specify where to display a custom filter description:

• Before Category Description
• After Category Description
• Replace Category Description
• Don't Add

Replace Category Image - Choose whether to replace category image with a custom filter image.

Replace Category CMS Block - Set this option to 'Yes' to replace a category CMS block.

Filters to apply meta-data changes to - specify any filters to which you want to apply additional meta-data changes.

Add filter title to meta title - Choose whether to add and additional filter title to meta title.

Title tag separator - specify the title tag separator.

Add filter description - Select the place where filter description will be displayed:

• Before Meta-Description
• After Meta-Description
• Replace Meta-Description
• Don't Add

Description tag separator - Specify the description tag separator.

Add filter Title to meta-keywords - Enable the option to automatically add a filter title to meta-keywords.

Enabled - Enable In Stock/Out of Stock filter. You can preselect a label, position and the display mode.

Show in the block - Choose where to display the filter:

• Left sidebar;
• Top menu;
• Both.

Tooltip - Specify tooltip text that will be displayed on a mouse hover for the stock filter.

Display Mode - Select filter display mode: labels or dropdown.

Show in the Block - choose one of three modes to display each particular filter either in vertical or horizontal navigation. Select 'both' option to show the filter in both navigation blocks.

Use in Layered Navigation - If you want an attribute to become filter in the navigation, select one of the options:

1. Filterable (with results) - a filter will be displayed only if there are products with such options in a category.

2. Filterable (no results) - a filter will be displayed even if there are no products with such options in a category.

Use in search results Layered Navigation - Enable this feature if you want the options above to be applied to the search results page.

Display Mode - Use ‘Dropdown’ display mode for multiselect, price, visual swatch input types.

Display Mode - Use ‘Slider’ display mode for price attribute.

Min value/Max value - you can limit the slider price range manually if needed. Specify min and max values in the corresponding fields to let customers filter products strictly withing the set range.

Display Mode - Use 'Ranges' display mode for prices and other numeric attributes.

Display Mode - You can use the ‘From-to-widget’ filter for numeric attributes either separately or together with other filter display modes. To use it separately, choose the 'From-to only' display mode.

Add From-To Widget - set the option to 'yes' to use the widget together with other display modes.

Display Mode - Choose either 'Labels' or 'Dropdown' display mode.

Show in the Block - Specify whether to show the filter in vertical or horizontal navigation. It's also possible to show filters in both blocks.

Show Search Box - Set the option to ‘Yes’ to let customers sort products inside a specific filter.

Number of Unfolded Options - Specify the number of unfolded filter values that will be shown to customers when they click on a specific filter.

Tooltip - Specify the tooltip text that will be displayed for a specific filter on mouse hover.

Visible in categories - Choose for which categories the filter will be available.

Show icon on the product page - upload a special image that will be displayed on the product pages which meet filter requirements. This option is especially useful for a Brand filter to show a brand logo on the corresponding product pages.

Show only when one of the attributes below is selected - choose filter attributes that will trigger the display of a dependent filter. You can select as many attributes as you need.

Show only when one of the options below is selected - choose the options that will trigger the display of the dependent filter.

Hide filter when only one option is available - Set the option to 'Yes' if you don't want to show the dependent filter when there is only one option available.

Allow Multiselect - Enable the option to let customers choose several values of the filter at a time.

Multiple Values Logic - There two options available:

• Show products with ANY value - all products containing at least one value from the selected ones will be displayed);
• Show products with ALL values - products that contain all select values will be displayed.

Group Title - Specify a custom title for a new attributes group.

Group Code - Specify a group code that will be used in the URL of the filter results page by default.

Status - Enable filter group on the frontend.

Swatch - Select the main thumbnail swatch for the whole group.

Alias - Specify a custom alias if necessary that will be used in the URL of the filter results page.

Position - Set the display position for your frontend filters block.

Attribute - Select an attribute type for which you want to create a group.

Attribute options - Once the attribute is selected you'll see corresponding attribute options. Select the ones that you want to gather in a group.

Simple attribute-filters are presented in Magento by design. They are derived from the attributes of Catalog Input Type for Store Owner=Multiple Select/Dropdown. An attribute becomes a filter, if there is a Use in Layered Navigation setting.

(the specific for simple attribute-filters are highlighted)

• Display Mode (Labels / Dropdown)
• Show in the Block
• Sort Options By (Position / Name)
• Show Product Quantities
• Show Search Box (only in the Labels mode)
• Number of unfolded options (only in the Labels mode)
• Expand
• Tooltip
• Visible In Categories
• Show only when any option of attributes below is selected
• Show only if the following option is selected
• Hide filter when only one option available
• Show icon on the product page

Show Search Box adds a text field for the quick search under the options. It hides the options that don't correspond with the request.

Number of unfolded options indicates options that will be displayed right after the page is loaded. The other options are hidden with the Show more button. This is useful, when there are many options.

• Allow Multiselect
• Multiple Values Logic

Multiple Values Logic - Show products with any values. A product is selected, if at least one of the filter's options match with its attributes' values.

Multiple Values Logic - Show products with ALL values only. A product is selected, if all the filter's options match with its attributes' values.

• Generate SEO URL
• Allow Google to INDEX the Category Page with the Filter Applied
• Allow Google to FOLLOW Links on the Category Page with the Filter Applied
• Add rel=“nofollow” to filter links (Auto / No)

Generate SEO URL. When you filter by this attribute, it removes the parameter from the GET-request and embeds it in the main part of the URL with alias, optimized for the search engines. For instance, category/cotton.html instead of category.html?material=46. It is active, if SEO URL generator is enabled in the general SEO settings.

Allow Google to INDEX/FOLLOW the Category Page with the Filter Applied - the option allows to block the indexing and prevent the search crawlers from going through links on the pages, where the filter is applied. It is implemented with the meta-tag robots. Active, when the option Allow the Module to Modify Robots Meta Tag is enabled in the SEO general settings.

Add rel=“nofollow” to filter links allows to block the path to links that are unavailable by design. Thus it decreases the stress on a search robot. It is active, when the option Automatically add rel=“nofollow to filter links when required is enabled in the SEO general settings. You can disable this parameter, when the attribute takes part in the Custom Page formation. This will help the search robot reach the necessary page.

Expand - Expand filter right after a page is loaded. The setting may be helpful for the themes, where filters are hidden by default.

Tooltip - Add a pictogram to a filter. When you hover over a pictogram, a pop-up hint appears.

Visible in Categories - It defines what categories includes a filter.

Show only when any option of attributes below is selected - It allows to manage a correlation between one filter visibility and the several others. Thus, if you specify a few other attributes here, the filter will be visible only if one of the specified filters is used by a visitor.

Show only if the following option is selected - It allows to manage a correlation with other filters in more detail. Specify individual options of another filter, rather than a filter all-in-all.

Hide filter when only one option available - It hides a filter, when there is only one option for filtering.

It is possible to specify particular filter options to improve SEO. When you edit an attribute, click the Settings button in front of a necessary option. See a window with settings:

• Meta Data (Meta Title, Meta Description, Meta Keywords)
• Page Content (Page Title, Description, Image, Top CMS Block)
• SEO (URL Alias)

Meta Data and Page Content are added to the page according to the settings specified in the sections Improved Layered Navigation > Category Title and Description Improved Layered Navigation > Category Meta Tags. It is added, when you filter products by particular option. Also these settings are applied on the page of the appropriate brand, replacing data set by default.

Improved Layered Navigation automatically generates URL Alias for the filter options. To enable this, leave an empty field.

The attributes from Catalog Input Type for Store Owner = Visual Swatch / Text Swatch in Magento are displayed in a particular way: as images or pictograms with texts. That is why, the kit of settings in Improved Navigation is different.

Available settings in the Display Properties section:

• Display Mode (Labels / Dropdown / Images / Images & Labels / Text Swatches)
• Show in the Block
• Sort Options By (Position / Name)
• Show Product Quantities (only for Labels, Dropdown, Images & Labels mode)
• Show Search Box (only for Labels and Images & Labels)
• Number of unfolded options (except Dropdown mode)
• Expand
• Tooltip
• Visible In Categories
• Show only when any option of attributes below is selected
• Show only if the following option is selected
• Hide filter when only one option available
• Show icon on the product page

Price & Decimal are filters that are featured in Magento by design.

Decimal is any attribute of the price type, except the price itself. Decimal attributes are often used to store the values, that don't relate to the price (e.g., size, length, weight, etc). This is convenient, as far as you can specify any arbitrary values in decimals, rather than selecting them from variants.

SEO URL is not available, as Price and Decimal attributes are added to the URL as a GET parameter: category.html?price=100-200

If the filter is applied, then the robots tag takes the value “noindex, nofollow” (if Allow the Module to Modify Robots Meta Tag is enabled in the SEO settings). Accordingly, direct links to filtering should have the attribute rel=“nofollow” (if Automatically add rel=“nofollow” to filter links when required is enabled in the SEO settings)

If a store's currency differs from the base currency, the values are recalculated according to the rates only for the Price filter, but not for Decimal.

(the specific ones for Price and Decimal filters are highlighted)

• Display Mode (Ranges / Dropdown / Slider / From-To Only)
• Add From-To Widget (except From-To Only)
• Min Slider Value (only for Slider mode)
• Max Slider Value (only for Slider mode)
• Slider Step (only for Slider mode)
• Measure Units (Store Currency / Custom Label)
• Unit Label (if Custom Label is selected)
• Show in Block
• Show Product Quantities
• Expand
• Tooltip
• Visible In Categories
• Show only when any option of attributes below is selected
• Show only if the following option is selected
• Hide filter when only one option available

Add From-To Widget adds a widget to the filter and offers an alternative filtering method in addition to the selected Display Mode.

Minimum Slider Value and Maximum Slider Value narrow the limit of the slider for the convenient filtering.

Slider Step allows you to specify the step of the slider. It can be either an integer or a fractional number.

Measure Units and Unit Label determine the unit of measurement. By default, this is the currency of the current store. It is used on the frontend: in the filter block and in the Currently Shopping By section.

The extension allows you to add filters to any CMS page, that contains a widget with a list of products. This is relevant to Home Page as well.

To activate the option, do the following:

• 1. Go to Content → Pages. Choose a necessary page to edit. In the Action column click Select, and choose Edit.
• 2. In the Design section, set Enable Improved Layered Navigation to Yes.
• 3. In the Content section, find a necessary widget with products and add the parameters cache_lifetime=null use_improved_navigation=1 to the code after the word widget.

{{widget cache_lifetime=null use_improved_navigation=1 type=“Magento\CatalogWidget\Block\Product\ProductsList”

Enable All-Products Page - Set the option to 'yes' to enable the All Products page, containing all store items and layered navigation filters.

All Product Page URL - Specify an appealing URL for the page, e.g. all-products.html.

Brand Attribute - It is possible to setup nice short URLs for pages of a brand attribute (or any other one you prefer), e.g.:

• example.com/canon.html
• example.com/nike.html

URL Key - Specify the key that will be added to the URL before the brand name. E.g. your-site/brand/brand-name.html

Choose CMS page - select a CMS page where the All Brands List will be shown.

Add Brands link to Menu Bar- choose whether to display a Brands link leading to the All Brand Page on the top menu bar. To configure the link position, select one of two modes:

• Display First
• Display Last

Add Brands to Account Top Links - Display a Brands link in a customer account.

Catalog Input type for store owner - select an input type for the catalog. Choose on of 3 available variants:

• Dropdown;
• Visual Swatch;
• Text Swatch.

Slider Options - Enable the display in a brand slider (if necessary), specify the brand position in a slider and upload a slider image. See the details on how to configure a brand slider here.

Create All Brands Page - To create a page you need to:

• Create a CMS block with all brands;
• Insert a widget to the page in CMS mode.

All Brands Page settings - Here you can configure the All Brands Page display:

• Enable a brand logo;
• Specify max brand logo width and height;
• Enable a quick search window as well as the 'search by first character' option;
• Choose whether to show products quantity etc.

Widget Code - Use this code to add a brands slider to any CMS page or block. It’s also possible to place the slider to the All brands page.

Visible Items Quantity - Specify how many brands will be displayed in a slider at a time.

Sort By - Select a sorting type for slider items – either by name or by position.

Slider display settings - Configure slider display parameters: maximal slider width, image width/height.

Show Brand Label - Choose whether to display text labels together with brand logos.

Show Buttons - Enable previous/next buttons display.

Infinity Loop - Enable continuous loop mode for slider images.

Simulate Touch - Let customers click and drag slider images.

Show Pagination - Enable pagination display below the slider.

Autoplay - Switch on/off the autoplay option.

Unlike the Improved Layered Navigation for Magento 1, the extension for M2 doesn't provide the 'Long with URL key' option.

To switch your store to a new URL structure saving search traffic please do the following:

Add the below-displayed lines to the .htaccess file:

# Migrate from old-style URLs with 'shopby' key
RewriteRule ^(.*)/shopby/(.*)$ /$1/$2 [R=301,L]

The lines should be added right after:

RewriteEngine on

This action will redirect existing traffic to a new URL structure.

Enable - Set the option to 'yes' to optimize store URLs for search engines. The URLs will become short and clear.

Add suffix also to brand pages and filtered all-products pages -

Allow the module to modify robots meta tags - Enable robots tag control to let the module manage indexation according to SEO settings for each attribute. If you disable the option, search engines will index all the store content.

You can set structure of canonical urls for ‘key’-related (‘Canonical URL’ setting) and category (‘Category Canonical URL’ setting) pages:

1. If you choose ‘Just Url Key’ option, canonical url for all ‘key’-related pages will be like this:

http://your_store.com/URL_Key/

For category pages it will be like this:

http://your_store.com/category.html 

2. If you select ‘Current URL’ canonical url will be the actual url of the page both for ‘key’- related and category pages.

3. With ‘First Attribute Value’ canonical url for ‘key’-related pages will be:

http://your_store.com/URL_Key/first_attribute_chosen_in_navigation.html

For category pages it will be like this:

http://your_store.com/category/URL_Key/first_attribute_chosen_in_navigation.html 

Display Mode - Choose one of two display modes: Labels or Dropdown.

Shown in the Block - Select where to display the filter:

• Left sidebar;
• Top menu;
• Both.

Category Tree Depth - Specify the maximal level number for a category tree.

Subcategories View - For the Labels display type you can specify the subcategories view mode: Folding/Fly-Out.

Render Categories Level - Indicate the level from which categories will be shown. There are 3 levels available:

• Root Category
• Current Category Level
• Current Category Children

Number of Unfolded Options - Limit the number of unfolded options. Customers will be able to unfold hidden options by clicking on the ‘More’ button. Leave the field empty to keep all filter options unfolded.

Add Texts - Choose whether to replace category page meta data with your own info, or show it before/after category data.

Top CMS Block -Select the CMS block on the base of which the page should be created.

Meta Tags Tab - Specify meta title, description and keywords for each custom page you create.

Categories & Store Views Tab - Select store views for which the page will be available. Choose categories products from which will be displayed on a custom page.

Filter & Filter Value - Select filters and filter values. You can specify as many selection settings as you need for one custom page.

Rate the user guide

from 4 votes (Details)       1 visitor votes 0 visitor votes 0 visitor votes 0 visitor votes 2 visitor votes