Layered Navigation Settings

This section describes most settings that you can use when configuring your layered navigation.

It is located in the Stores -> Configuration -> Mirasvit Extensions -> Layered Navigation section, and breaks into the following subsections which you can see at the sidebar:

Note

After changing of any option described below, navigate to System -> Tools -> Cache Management and clear ALL cache to apply the CSS changes which correspond to changed options.

General

This section contains the most basic options that define the behavior of Layered Navigation.

Option	Description
Enabled Ajax	Allows to update filters and catalog list via AJAX
Show Nested Categories	If enabled, extension will show nested (subcategories)
Enabled Multiselect	Allows you to select multiple filter options simultaneously, creating flexible and complex filters.
Show Opened Filters	If this option is set to Yes, opened filters will be displayed at the top of the filtered product list.
Limit for opened filters	The number of filters which can be opened by default. For allowing all filters to be opened, leave this field empty. Active filters are always opened.

Styling

Option	Description
Filter item Display Mode	Defines widget, which will be used for filter option selection. There are four available widgets: Default (link) (used default widget, defined in your theme), Simple Checkbox, Checkbox, and Circle. These widgets will be used for all properties with enumerated values. Note You can override this option and define custom icons for each enumerated value using Attribute Navigation Images.
Checkbox or circle background color	Displayed when Checkbox or Circle options are selected in the previous setting. Defines a background of the checkbox or circle.
Checkbox or circle border color	Displayed when Checkbox or Circle options are selected in the Display options setting. Defines a border color of the checkbox or circle.
Checkbox or circle checked color	Displayed when Checkbox or Circle options are selected in the master Display options setting. Defines a selection color of the checkbox or circle.
Slider main color	Defines the color of the slider inside the values range
Slider secondary color	Defines the color of the slider outside the values range
Enabled highlight for links	Enables options (filter links) highlighting
Highlight color	Defines a color for options (filter links) highlighting
Additional CSS	Allows adding custom CSS code for styling filters. Note To avoid unexpected changes in styles CSS selectors should start with the selector of the parent block of the navigation bar e.g. .sidebar-main or .block.filter (depending on the theme)

Links Limit

Option	Description
Display Mode	Defines how options will be displayed. There are three available widgets: Disabled (no limits) (widget used by default as defined in your theme), Scroll box, and Show/hide link.
Scroll height (px)	Displayed when Scroll box option is selected in the previous setting. Defines the height of the scroll box.
Links limit	Displayed when Show/hide link option is selected in the previous setting. Show only specified amount links for filters, integer value.
Limit for alphabetical index	Show alphabetical index only if the number of visible options higher than limit. Set 0 or leave this option empty to always display alphabetical index.
Less text	Displayed when a Show/hide link option is selected in the previous setting. Text which will be used as a button to collapse the filter to a limited quantity of options.
More text	Displayed when a Show/hide link option is selected in the previous setting. Text, which will be used as a button to expand the filter to the full quantity of options.

Additional Filters

This section has 6 additional filters provided by our extension: Category Filter, New Products, On Sale Stock, Rating and Search Filter.

This is the default filter by category with additional settings.

Option	Description
Enabled	Allows you to use this filter in navigation
Show Nested Categories	If enabled, extension will show nested (subcategories) as a tree
Sort Options by	Defines the sorting order for categories layered navigation. Applicable only if Show Nested Categories is set to No.
Use Alphabetical Index	Allows you to use alphabetical index for category filter. Applicable only if Show Nested Categories is set to No. For more information reffer to Alphabeticat Index in Product Attributes Navigation Options.

New Products

This shows only the new arrivals.

Option	Description
Enabled	Allows you to use this filter in navigation
Label	Text label which will mark this filter at the navigation sidebar
Position	Numerical position of this filter (0 is the top, 100 is the bottom)

On Sale

This shows products that are registered as "for sale" (e.g. with a discount).

Option	Description
Enabled	Allows using this filter in navigation
Label	Text label which will mark this filter at the navigation sidebar
Position	Numerical position of this filter (0 is the top, 100 is the bottom)

Stocks

This filter shows products that are in stock and can be bought.

Option	Description
Enabled	Allows this filter to be used in navigation
Label	Text label which will mark this filter at the navigation sidebar
In Stock Filter Label	Text which is used to mark products, available for shopping
Out of Stock Filter Label	Text which is used to mark products that are out of stock
Position	Numerical position of this filter (0 is the top, 100 is the bottom)

Rating

This filter shows the rating as calculated on a customer's review. It also utilizes a custom widget with stars.

Option	Description
Enabled	Allows you to use this filter in navigation
Label	Text label which will mark this filter at the navigation sidebar
Position	Numerical position of this filter (0 is the top, 100 is the bottom)

This filter's behavior can be configured. Depending on the enabled options, it can work as a fulltext search on the current category page, as a filter for attribute options filters, or both.
If both options are disabled, the Search Filter won't be displayed even when enabled.

Option	Description
Enabled	Allows you to use this filter in navigation
Label	Text label which will mark this filter on the navigation sidebar
Fulltext Search	If enabled, the search field will work as a fulltext search inside the category page
Search by Attribute Options	If enabled, a pop-up block will be added with attributes and options that match the search query

Horizontal filters and Panel

This deals with displaying the filters which should be shown on the sidebar.

Option	Description
Select filters to show in horizontal navigation	Multi-selection option, which defines filters, eligible for navigation. They are defined at Stores -> Attributes -> Product. To become a filter, the attribute should be enumerable, and the option Use in Layered Navigation should be enabled in Storefront Properties. Horizontal filters will be hidden in vertical navigation. To Show Additional Filters (New, Sale, Stock, Rating), those particular filters should be enabled.
Hide horizontal filters if the screen size is less than (px)	Defines height, at which extension will shrink and hide horizontal filters.

Option

Description

Select filters to show in horizontal navigation

Multi-selection option, which defines filters, eligible for navigation. They are defined at Stores -> Attributes -> Product. To become a filter, the attribute should be enumerable, and the option Use in Layered Navigation should be enabled in Storefront Properties. Horizontal filters will be hidden in vertical navigation. To Show Additional Filters (New, Sale, Stock, Rating), those particular filters should be enabled.

Hide horizontal filters if the screen size is less than (px)

Defines height, at which extension will shrink and hide horizontal filters.

Filter clear block

A clear block is a block where customer can cancel one or more filters.

Option	Description
Filter clear block position	Defines the position of that block. There are two options available: Default (within sidebar) and Horizontal
Group options by attribute	Defines how selected filters should be grouped.

SEO

Option	Description
Robots meta header for pages with applied filters	This directive controls page visibility by search engine crawlers. It's recommended to use the NOINDEX, NOFOLLOW option to avoid indexation of duplicate content by search engines like Google unless you use friendly URLs.
Canonical link for pages with applied filters	Defines the "preferred" version for current page. Helps to prevent duplicate content issues. Options: - Current Url - always uses the same URL as in the browser's address panel. For example: Address URL: "http://example.com/veronica/red.html?activity=5174" Canonical URL: "http://example.com/veronica/red.html?activity=5174" - URL without applied filters and GET parameters - canonical URL always points to a genuine page URL, removing applied filters (even with friendly URLs) and GET parameters. For example: Address URL: "http://example.com/veronica/red.html?activity=5174" Canonical URL: "http://example.com/veronica.html" - URL without GET parameters - canonical URL points to the URL specified in the browser's address panel, but without GET parameters. For example: Address URL: "http://example.com/veronica/red.html?activity=5174" Canonical URL: "http://example.com/veronica/red.html"

Option

Description

Robots meta header for pages with applied filters

This directive controls page visibility by search engine crawlers. It's recommended to use the NOINDEX, NOFOLLOW option to avoid indexation of duplicate content by search engines like Google unless you use friendly URLs.

Canonical link for pages with applied filters

Defines the "preferred" version for current page. Helps to prevent duplicate content issues.
Options:
- Current Url - always uses the same URL as in the browser's address panel. For example:
Address URL: "http://example.com/veronica/red.html?activity=5174"
Canonical URL: "http://example.com/veronica/red.html?activity=5174"
- URL without applied filters and GET parameters - canonical URL always points to a genuine page URL, removing applied filters (even with friendly URLs) and GET parameters.
For example:
Address URL: "http://example.com/veronica/red.html?activity=5174"
Canonical URL: "http://example.com/veronica.html"
- URL without GET parameters - canonical URL points to the URL specified in the browser's address panel, but without GET parameters.
For example:
Address URL: "http://example.com/veronica/red.html?activity=5174"
Canonical URL: "http://example.com/veronica/red.html"

Product Attribute Linking

Option	Description
Enabled	If enabled, for each filterable attribute value on the product view page the extension will generate the link with the filter by that attribute
Target	Defines whenewer the attribute link should be opened in the same tab or in the new one