Configuration Settings

This section describes most of settings, that you can use for configuring your layered navigation.

All of them located at Stores -> Configuration -> Mirasvit Extensions -> Layered Navigation section. It breaks into the following subsections, which you see at the sidebar:

Note

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

General

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

Option Description
Enabled Ajax Allows to update filters and catalog list via AJAX
Enabled Multiselect Allows to select multiple filter options in a time, creating flexible and complex filters.
Display options Defines widget, which will be used for filter option selection. There's three available widgets: Default (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 is selected in previous setting. Defines background of the widget.
Checkbox or circle border color Displayed, when Checkbox or Circle options is selected in Display options setting. Defines border of the widget.
Display options Displayed, when Checkbox or Circle options is selected in master Display options setting. Defines selection color of the widget.
Show opened filters If this option is set to Yes, opened filters will be displayed at the top of the filtered product list.

Back to Top

Highlight

Option Description
Enabled highlight for links Enables options (filter links) highlighting
Highlight color Defines a color for options (filter links) highlighting

Back to Top

Links Limit

Option Description
Links limit Limit for options (filter links) displayed at particular filter
Less text Text, which will be used as button to collapse filter to limited options quantity.
More text Text, which will be used as button to expand filter to full options quantity.
Switch label color Color of text of collapse/expand action.

Back to Top

Slider

Option Description
Select filters to show in frontend Select filters, that should be displayed as sliders on navigation sidebar
Slider handle color Defines color of the handle
Slider handle border color Defines color of handle border
Slider connect color Defines color of slider connect line
Slider text color Defines color of text, which accompanies the slider

Back to Top

Additional Filters

This section consists of three additional filters, provided by our extension: New Products, On Sale Stock and Rating.

New Products

This filter shows only new arrivals.

Option Description
Enabled Allows this filter to be used 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 filter shows products, that are registered as "for sale" (e. q. with discount).

Option Description
Enabled Allows this filter to be used 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, went out of stocks
Position Numerical position of this filter (0 is the top, 100 is the bottom)

Ratings

This filter shows rating, calculated on customer's review. It also utilized custom widget with stars.

Option Description
Enabled Allows this filter to be used 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)

Back to Top

Horizontal filter and Panel

This section deals with displaying filters, which should be displayed on sidebar.

Option Description
Select filters to show in frontend Multi-selection option, which defines filters, eligible for navigation. They are defined at Stores -> Attributes -> Product. To became filter, attribute should be enumerable, and option Use in Layered Navigation should be enabled in Storefront Properties.
Hide horizontal filters if screen size less then (px) Defines height, at which extension will shrink and hide horizontal filters.

Back to Top

Filter clear block

Clear block is the block, where customer can cancel one or more filters.

Option Description
Filter clear block position Defines position of that block. There are two options available: Default (within sidebar) and Horizontal
Representation of attributes in filter clear block Defines, how selected filters should be arranged - in one row, or in different rows.

Back to Top

SEO

Option Description
Robots meta header for pages with applied filters This directive controls page visibility by search engines crawlers. It's recommended to use NOINDEX, NOFOLLOW option to avoid indexation of duplicate content by search engines like Google unless you use friendly URLs.
Canonical link for pages 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 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"

Back to Top