Layered Navigation
v2.7.35

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
Filters Applying Mode Defines how filter will be applied. There are two available modes: Instantly (the filter is applied immediately after click), By button click.
Options Counts Precalculation Allows you to calculate filter options counts after option selection in By button click mode.
Scroll To Top After Filters Applied Allows you to scroll page to top after filter applied.
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.
Hide Unuseful Filter Option If this option is set to Yes, filter option will be hidden if this option matches all products in current category.
Sticky Sidebar Allows you to stick sidebar when product list is scrolling.

Back to Top

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)

Back to Top

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.

Back to Top

Additional Filters

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

Category 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)

Search Filter

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

Back to Top

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.

Back to Top

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.

Back to Top

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"

Back to Top

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
Product Attribute Linking
Target Defines whenewer the attribute link should be opened in the same tab or in the new one

Back to Top