Layered Navigation is a powerful yet simple extension, which allows you to build your own layered menu, making catalog navigation and filtering more convenient.
It replaces the standard Magento layered navigation widget, displayed on each category page, with a more complex one - allowing customers to dynamically combine filters and browse desired products more quickly.
Firstly, please find our extension in the My Downloadable Products section of our store. Learn how to install extension.
Proceed then with Quick Start, which will guide you to build your very own custom layered navigation menu.
Back up your store's database and web directory.
Log in to the SSH console of your server and navigate to the root directory of the Magento 2 store.
Run the command below to enable the extension:
php -f bin/magento module:enable Mirasvit_Core Mirasvit_SeoFilter Mirasvit_Scroll Mirasvit_LayeredNavigation Mirasvit_Brand Mirasvit_AllProducts Mirasvit_SeoNavigation Mirasvit_LandingPage
php -f bin/magento module:enable Mirasvit_LayeredNavigationLiveSearch
php -f bin/magento setup:upgrade
php -f bin/magento cache:clean
rm -rf pub/static/*; rm -rf var/view_preprocessed/*;
php -f bin/magento setup:static-content:deploy
Run the command
composer require mirasvit/module-navigation-hyva:*
Enable installed Hyva modules:
bin/magento module:enable Hyva_MirasvitLayeredNavigation Hyva_MirasvitAllProducts Hyva_MirasvitBrand Hyva_MirasvitQuickNavigation Hyva_MirasvitScroll Hyva_CompatModuleFallback
Update Magento database schema and data with the command:
bin/magento setup:upgrade
Compile the code of the installed extension:
bin/magento setup:di:compile
Compile the code of the installed extension:
cd /path/to/theme/web/tailwind/
npm run build-prod
Deploy the static view files
cd /path/to/project/
rm -rf pub/static/*; rm -rf var/view_preprocessed/*;
php -f bin/magento setup:static-content:deploy
bin/magento cache:flush
Layered Navigation is a straightforward extension which replaces standard catalog filters immediately after installation. Basically, it's ready to work right out of the box.
However, there are certain elements which are worth your while to get tuned-up.
This should be a good start. Refer to corresponding sections of this manual to know more.
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
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:
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
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. NoteYou 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. NoteTo 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
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. |
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) |
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) |
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) |
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 |
Back to Top
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
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
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
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 |
Back to Top
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most settings that you can use for configuring your brands.
All of them located at Stores -> Configuration -> Mirasvit Extensions -> Brand section.
This section has the most basic options which define the behavior of Brands.
Option | Description |
---|---|
Brand Attribute | Defines the brand's attribute. |
All Brands URL | Defines URL for the brand's page. |
Brand page URL | Defines how URL will be displayed. There are two available options: Long URL like /brand/apple/ or Short URL like /apple/ |
Brand URL Suffix | Defines suffix for brand URLs. |
Use Category URL Suffix | Allows you to use Category URL Suffix. |
Brands Link Position | Defines where the Link will be displayed. There are three available options: Disabled, Top Menu (first), Top Menu (last) |
Brand link label | Displayed when Top Menu (first) or Top Menu (last) option is selected in the previous setting. The option defines a link's label. |
Brands Menu Mode | Sets the "Brands" menu item to either link to the "All Brands" page or open a modal with a list of brands. |
Modal Menu Title | Defines the title of the brands modal window if the "Brands Menu Mode" parameter is set to Modal. |
Show Not Configured Brands | If enabled, it will show simple brand pages in frontend automatically (without additional configuration). |
Show all categories in filter | If enabled, show all categories in the filter. If disabled, show only top-level categories. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Show Brand Description | Allows showing a brand description. |
Back to Top
Option | Description |
---|---|
Show Brand Logo | Allows using a brand logo. |
Meta Title | Allows setting a Meta Title for all brands page. |
Meta Keyword | Allows setting Meta Keywords for all brands page. |
Meta Description | Allows setting a Meta Description for all brands page. |
Back to Top
Option | Description |
---|---|
WidgetCode | Create a Brand Slider widget or use this code to add a slider to a CMS page or static block. |
Items Limit | Defines how many items will be available. By default will be used 4. |
Order | Defines how to sort brands on the page. |
Show Title | Allows to enable or disable a brand title. |
Title Text | Displayed when Show Title option is selected in the previous setting. The option defines the title text. |
Title Text Color | Displayed when Show Title option is selected in the previous setting. The option defines the title color. If the field is empty, the default value will be used. |
Title Background Color | Displayed when the Show Title option is selected in the previous setting. The option defines the background title color. If the field is empty, the default value will be used. |
Show Brand Label | Allows you to enable or disable a brand label. |
Brand Label Color | Displayed when the Show Brand Label option is selected in the previous setting. The option defines the label color. If the field is empty, the default value will be applied. |
Show Navigation Buttons | Allows you to enable or disable the navigation buttons. |
Show Pagination | Allows you to enable or disable the pagination. |
Auto Play | If Yes, the slider will be updated automatically. |
Auto Play Loop | Displayed when the Auto Play option is selected in the previous setting. The option sets replay. |
Auto Play Interval | Displayed when the Auto Play option is selected in the previous setting. The option sets the shift interval. |
Pause on Hover | Displayed when the Auto Play option is selected in the previous setting. The option sets the pause when hovering. |
Slider Width | Defines a slider width (in pixels). Leave empty in order to use the default value. |
Slider Image Width | Defines a slider image width (in pixels). Leave empty in order to use the default value. |
Spacing Between Images | Defines a distance between images (in pixels). The default value is 10px. |
Inactive Paging Color | Defines an inactive paging color. If the field is empty, the default value will be used. |
Active Paging Color | Defines an active paging color. If the field is empty, the default value will be used. |
Hover Paging Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Navigation Buttons Color | Defines a hover paging color. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Enabled | Allows you to enable or disable a "more products from brand" function. |
Title | Defines block title. Use {brand_name} to show the same brand name. |
Products Limit | Defines how many products will be displayed. If the field is empty, only 6 products will be shown. |
Back to Top
Option | Description |
---|---|
Display Brand Logo on Product List | Allows you to enable or disable the option. Used in Product Listing for brand attribute should be enabled. |
Product List Brand Logo Image Width | Defines a width for the product list brand logo. If the field is empty, the default value (30px) will be used. |
Product List Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Display Brand Logo on Product Page | Allows you to enable or disable the Brand Logo. |
Display Description on Product Page | Define where the description will be displayed. There are three available variants: Disabled, Description, Short Description. |
Product Page Brand Logo Image Width | Defines width for product page brand logo. If the field is empty, the default value (30px) will be used. |
Product Page Brand Logo Tooltip | Defines brand logo tooltip. There are five available variants: Title, Small Image, Image, Description, Short Description. Leave empty in order to disable. |
Option | Description |
---|---|
Tooltip Max Image Width | Defines max tooltip image width. If the field is empty, the default value will be used. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine crawlers. There are five available variants: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
This section describes most of the settings that you can use for configuring your All Products Page.
It is located at Stores -> Configuration -> Mirasvit Extensions -> All Products Page section.
This section has basic options that define the behavior of an All Products Page.
Option | Description |
---|---|
Enabled | Allows you to enable/disable All Products Page. |
All Products URL | Add URL for your All Products Page. Will use "all" if not configured. |
Title | Defines title for All Products Page. |
Meta Title | Defines meta title for All Products Page. |
Meta Description | Defines meta description for All Products Page. |
Show all categories in filter | Defines the way the categories will be displayed. If enabled, it will show all categories in the filter. If disabled, it will show only top-level categories. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine's crawlers. There are five available options: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
Back to Top
This section describes most of the settings that you can use for configuring your All Products Page.
It is located at Stores -> Configuration -> Mirasvit Extensions -> All Products Page section.
This section has basic options that define the behavior of an All Products Page.
Option | Description |
---|---|
Enabled | Allows you to enable/disable All Products Page. |
All Products URL | Add URL for your All Products Page. Will use "all" if not configured. |
Title | Defines title for All Products Page. |
Meta Title | Defines meta title for All Products Page. |
Meta Description | Defines meta description for All Products Page. |
Show all categories in filter | Defines the way the categories will be displayed. If enabled, it will show all categories in the filter. If disabled, it will show only top-level categories. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine's crawlers. There are five available options: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
Back to Top
This section describes most of the settings that you can use for configuring your All Products Page.
It is located at Stores -> Configuration -> Mirasvit Extensions -> All Products Page section.
This section has basic options that define the behavior of an All Products Page.
Option | Description |
---|---|
Enabled | Allows you to enable/disable All Products Page. |
All Products URL | Add URL for your All Products Page. Will use "all" if not configured. |
Title | Defines title for All Products Page. |
Meta Title | Defines meta title for All Products Page. |
Meta Description | Defines meta description for All Products Page. |
Show all categories in filter | Defines the way the categories will be displayed. If enabled, it will show all categories in the filter. If disabled, it will show only top-level categories. |
Back to Top
Option | Description |
---|---|
Robots meta header for brand pages | This directive controls page visibility by search engine's crawlers. There are five available options: Don't change, NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
Back to Top
The scroll module provides you with the ability to activate the infinite scroll for traversing your catalog.
It works in 2 modes:
Go to Stores > Configuration > Mirasvit Extensions > Scroll section.
.products.products-grid
or .products.products-list
selector (depends on current view mode). However, if your theme uses a custom selector, you should specify it here. The scroll module provides you with the ability to activate the infinite scroll for traversing your catalog.
It works in 2 modes:
Go to Stores > Configuration > Mirasvit Extensions > Scroll section.
.products.products-grid
or .products.products-list
selector (depends on current view mode). However, if your theme uses a custom selector, you should specify it here. This part of the Layered Navigation extension provides you with the ability to combine attribute options into one filter for layered navigation.
It is located on the Content -> Layered Navigation -> Grouped Options page.
To create a new group, press the Add New Group button and you'll be redirected to the Grouped Options creation page.
Field | Description |
---|---|
Is Active | Enable/disable current Grouped Options. |
Labels | Defines a label for Grouped Options for each store. If the label for a particular store has not been set, the admin area label will be used for that store. |
Group Code | A key for current Grouped Options that will be used as a value of the attribute The code should be unique among all Grouped Options. |
Position | The position of the filter in the navigation bar on the frontend. |
Swatch | Choose the swatch type of the grouped option. There are 3 possible swatch types provided: - None; - Color; - Image; Swatch will be used for grouped options only if the original attribute options have them. |
Color | Select the color for the current Grouped Options which will be displayed on the frontend. This field is visible only for the Color swatch type. |
File | Upload the image that will be used on the frontend in the navigation bar. This field is only visible for Image swatch type. |
Attribute | Select the attribute from the dropdown whose options you'd like to combine in one filter. |
Options | Choose options from the selected attribute to combine in one filter. This field only visible after the attribute is selected. |
Press the Save button to save Grouped Options.
Once Grouped Options is created and active, the options combined in it will be replaced in the navigation bar with one grouped option on each category page even if only one of the combined options is present there.
Our extension uses SEO Filters to define possible filters. The extension adds additional options to product attributes that are used to build Layered Navigation.
To adjust your attributes for Navigation, visit Stores -> Attributes -> Product and select an attribute.
They are located in the Storefront Properties subsection and are added to all attributes:
Our extension allows you to adjust filter options display and behavior per attribute.
This can be done by using a special tab added to such attributes, called Layered Navigation.
If the property is enumerable and has a defined set of values, the display of each value can be customized.
There are three sections in this tab with different settings:
Additional
If the property is enumerable and has a defined set of values, the display of each value can be customized. For each possible value, there are four possible options:
Setting | Description |
---|---|
Option | name of possible value (read-only property). |
Images | this is the image to be used instead of the widget, defined in the Display options setting in the General section. |
Label | a label to be used instead of the default name, shown in the Option field. |
Whole width image | defines whether the image should be displayed as is (selected) or shrunk to standard proportions (deselected). |
By combining these definitions, you can completely override your filter display on the sidebar and create a more attractive appearance.
This feature provides you with the ability to filter attribute options by the first letter of their label. The alphabetical index will appear only if the number of options in the filter is equal or higher than the limit for alphabetical index configured in the extension.
If this option is enabled for a filter it will look like here:
If for this attribute the Sort Options by is set to Labet (alphabeticaly) the options of the attribute will be grouped by the first letter like here:
This section describes how to create and edit brand pages.
To create a new brand page, go to the Content -> Brands -> Brand Pages section and press the button Add Brand. The brand page that will appear is divided into six sections:
Option | Description |
---|---|
Is Active | has the ability to enable / disable brand. |
URL key | Defines URL for your brand page. If the field is empty, the value will be created automatically. |
Brand | Choose the existing brand or create a new one by clicking the button Add New Brand. The brand attribute should be defined in the Stores -> Configuration -> Mirasvit Extensions -> Brand -> General -> Brand Attribute. |
URL key | Defines URL for your brand page. If the field is empty, the value will be created automatically. |
Logo | Defines image for the brand logo. The permitted file types: png, gif, jpg, jpeg, svg. |
Title | Defines brand title. If the field is empty, the value will be created automatically from the Brand field. |
Description | Defines brand description. |
Visible in Store View | Defines where the brand page will be displayed. |
Back to Top
This section allows configuring the content of the brand page and defining how it should be displayed.
The Content section has a main config block Default (Admin) and additional blocks for each Store View the brand page is configured to be displayed in.
Each config block has the following fields:
Option | Description |
---|---|
Title | Defines brand title. If the field is empty, the value will be created automatically from the Brand field. |
Description | Defines brand description. |
Short Description | Defines a short description. It can be used in tooltip (STORES > Configuration > Brand > Brand Logo and Tooltip > Product List Brand Logo Tooltip). |
Display mode | Defines how the brand page should be displayed. It has 3 options: Products only, Static block only, Static block and products. If not selected the Products only display mode will be used. |
CMS block | Defines a static block to display at the top of the brand page. Blocks should be added in Content -> Elements -> Blocks. Not applicable for the Products only display mode. |
Option | Description |
---|---|
Meta Title | Defines the meta title for the brand page. |
Meta Keywords | Defines meta keywords for the brand page. |
Meta Description | Defines the meta description for the brand page. |
SEO Description | Defines the seo description for the brand page. |
SEO Description Position | Defines the position of seo description for the brand page. |
Canonical Url | Allows you to define the default cross-domain canonical URL. |
Robots | This directive controls page visibility by search engines' crawlers. There are four available variants: NOINDEX, NOFOLLOW, NOINDEX, FOLLOW, INDEX, NOFOLLOW, INDEX FOLLOW. |
Back to Top
Option | Description |
---|---|
Banner Alt | Defines alternative text for the banner image. If the field is empty, the value will be created automatically from the Brand field. |
Banner Title | Defines banner title. If the field is empty, the value will be created automatically from the Brand field. |
Banner Image | Defines banner image. The permitted file types: png, gif, jpg, jpeg. |
Banner position | Defines where the banner will be displayed on the page. There are three available options: After title position, Before description position, After description position. |
Back to Top
Option | Description |
---|---|
Show in Brand Slider | Defines whether banner will be displayed in the slider or not. |
Slider Position | Defines the position of the brand in the slider. The allowed range is 0 - 99. |
Back to Top
The grid with products assigned to the current brand.
This section also provides you with the ability to quickly add products to the current brand by clicking the Add products button.
After clicking the button Add products the aside block will be shown with the products. After selecting products click the Add Selected Products button and those products will be added to the current brand.
Back to Top
This section describes additional manual customizations for HYVA-based theme templates in regards to achieving the full compatibility of all features provided by the Mirasvit Layered Navigation extension
In case you'd like to use the Product Attribute Linking feature in your HYVA theme you need to modify the template file Magento_Catalog/templates/product/view/product-info.phtml in your theme.
In this template file find the <div id="product-details">
element
Remove part <?=/* @noEscape */ $attribute['value'] ?: "" ?>
Replace line <?= $escaper->escapeHtml($value) ?>
with <?= $value ?>
<?= $escaper->escapeHtml($value) ?>
with <?= $escaper->escapeHtml($value, ['a']) ?>
is not recommended
as $escaper->escapeHtml()
will remove all attributes from the <a>
tag except the href
attribute.
This section describes the most common problems that customers report and how they can be resolved:
Description
For example, you have discovered that the color filter is visible on some category pages and not visible on others.
Explanation
Should it occur that a specific category's filter consist of a single option and filtering by this option does not reduce this category's quantity of products (not sure if message has changed), then our module skips such filters because they serve no purpose.
Solution
Magento allows you to configure the price step setting on the category and system levels.
Therefore, if the price filter shows a single range only for a specific category, navigate to that category settings in the Catalog > Categories section, open the tab Display Settings, and verify the field Layered Navigation Price Step.
If all categories display a single price range, then you should check the system level price step settings:
To upgrade the extension, take the following steps:
Run the command below to update the current extension with all dependencies:
composer require mirasvit/module-seo-filter:* mirasvit/module-navigation:* --update-with-dependencies
composer require mirasvit/module-seo-filter:* mirasvit/module-navigation:* mirasvit/module-navigation-hyva:* --update-with-dependencies
composer update mirasvit/*
command. It will update all Mirasvit modules which are installed in your store. Run the below command to re-enable the extension:
php -f bin/magento module:enable Mirasvit_Core Mirasvit_SeoFilter Mirasvit_Scroll Mirasvit_LayeredNavigation Mirasvit_Brand Mirasvit_AllProducts Mirasvit_QuickNavigation Mirasvit_LandingPage
php -f bin/magento module:enable Mirasvit_Core Mirasvit_SeoFilter Mirasvit_Scroll Mirasvit_LayeredNavigation Mirasvit_Brand Mirasvit_AllProducts Mirasvit_QuickNavigation Mirasvit_LandingPage Hyva_MirasvitLayeredNavigation Hyva_MirasvitAllProducts Hyva_MirasvitBrand Hyva_MirasvitQuickNavigation Hyva_MirasvitScroll
php -f bin/magento module:enable Mirasvit_LayeredNavigationLiveSearch
php -f bin/magento setup:upgrade
php -f bin/magento cache:clean
rm -rf pub/static/*; rm -rf var/view_preprocessed/*;
php -f bin/magento setup:static-content:deploy
To temporarily disable the extension, please take the following steps:
Run the command below to disable the extension:
php -f bin/magento module:disable Mirasvit_LayeredNavigation Mirasvit_Scroll Mirasvit_AllProducts Mirasvit_Brand Mirasvit_SeoFilter Mirasvit_SeoNavigation Mirasvit_QuickNavigation Mirasvit_LandingPage
php -f bin/magento module:disable Mirasvit_LayeredNavigation Mirasvit_Scroll Mirasvit_AllProducts Mirasvit_Brand Mirasvit_SeoFilter Mirasvit_SeoNavigation Mirasvit_QuickNavigation Mirasvit_LandingPage Hyva_MirasvitLayeredNavigation Hyva_MirasvitAllProducts Hyva_MirasvitBrand Hyva_MirasvitQuickNavigation Hyva_MirasvitScroll
php -f bin/magento module:disable Mirasvit_LayeredNavigationLiveSearch
To uninstall the extension, please take the following steps:
Run the command below to remove the extension:
composer remove mirasvit/module-navigation mirasvit/module-seo-filter
composer remove mirasvit/module-navigation mirasvit/module-seo-filter mirasvit/module-navigation-hyva
(2024-11-26)
(2024-11-21)
(2024-11-13)
(2024-11-04)
(2024-10-30)
(2024-10-22)
(2024-10-02)
(2024-09-30)
(2024-09-25)
(2024-09-19)
(2024-09-19)
(2024-09-13)
(2024-08-27)
(2024-08-05)
(2024-08-02)
(2024-07-12)
# Change Log
(2024-07-03)
(2024-06-21)
(2024-06-20)
(2024-06-12)
(2024-06-12)
(2024-05-29)
(2024-05-21)
(2024-04-23)
(2024-04-04)
(2024-03-26)
(2024-03-21)
(2024-03-13)
(2024-03-05)
(2024-02-27)
(2024-02-21)
(2024-02-19)
(2024-02-02)
(2024-01-31)
(2024-01-29)
(2023-12-26)
(2023-12-21)
(2023-12-06)
(2023-11-22)
(2023-10-27)
(2023-10-20)
(2023-10-10)
(2023-10-09)
(2023-10-09)
(2023-10-09)
(2023-08-22)
(2023-08-04)
(2023-08-02)
(2023-08-01)
(2023-07-20)
(2023-07-05)
(2023-06-29)
(2023-06-28)
(2023-06-26)
(2023-06-19)
(2023-06-13)
(2023-06-07)
(2023-06-05)
(2023-05-31)
(2023-05-29)
(2023-05-15)
(2023-05-09)
(2023-05-08)
(2023-04-27)
(2023-04-26)
(2023-04-20)
(2023-04-13)
(2023-04-11)
(2023-04-07)
(2023-04-06)
(2023-03-31)
(2023-03-29)
(2023-03-22)
(2023-03-16)
(2023-03-13)
(2023-03-13)
(2023-03-07)
(2023-03-07)
(2023-02-23)
(2023-02-22)
(2023-02-20)
(2023-01-26)
(2023-01-11)
(2023-01-06)
(2023-01-04)
(2022-12-30)
(2022-12-29)
(2022-12-09)
(2022-12-08)
(2022-11-24)
(2022-11-03)
(2022-11-02)
(2022-10-21)
(2022-10-20)
(2022-09-29)
(2022-09-27)
(2022-09-21)
(2022-09-14)
(2022-09-06)
(2022-09-05)
(2022-09-02)
(2022-08-29)
(2022-08-10)
(2022-08-03)
(2022-08-02)
(2022-07-27)
(2022-07-27)
(2022-07-05)
(2022-07-04)
(2022-06-23)
(2022-06-21)
(2022-06-20)
(2022-06-16)
(2022-06-15)
(2022-06-13)
(2022-06-13)
(2022-06-08)
(2022-06-01)
(2022-05-27)
(2022-05-25)
(2022-05-20)
(2022-05-17)
(2022-05-11)
(2022-04-28)
(2022-04-27)
(2022-04-15)
(2022-04-11)
(2022-04-06)
(2022-03-28)
(2022-03-25)
(2022-03-21)
(2022-03-09)
(2022-02-23)
(2022-02-21)
(2022-01-17)
(2022-01-13)
(2022-01-04)
(2021-12-15)
(2021-11-16)
(2021-11-03)
(2021-11-02)
(2021-10-29)
(2021-10-28)
(2021-10-26)
(2021-08-31)
(2021-08-19)
(2021-08-12)
(2021-07-20)
(2021-07-01)
(2021-06-17)
(2021-06-14)
(2021-06-09)
(2021-06-09)
(2021-05-31)
(2021-05-14)
(2021-05-13)
(2021-04-26)
(2021-04-23)
(2021-04-21)
(2021-04-19)
(2021-04-13)
(2021-03-23)
(2021-03-22)
(2021-03-10)
(2021-03-03)
(2021-02-26)
(2021-02-19)
(2021-02-12)
(2021-02-08)
(2020-12-15)
(2020-12-02)
(2020-12-01)
(2020-11-26)
(2020-11-19)
(2020-11-10)
(2020-10-05)
(2020-09-29)
(2020-09-17)
(2020-09-10)
(2020-09-09)
(2020-09-04)
(2020-09-04)
(2020-09-01)
(2020-08-21)
(2020-08-19)
(2020-08-13)
(2020-08-11)
(2020-07-20)
(2020-06-18)
(2020-05-27)
(2020-03-23)
(2020-03-20)
(2020-03-13)
(2020-03-12)
(2020-03-10)
(2020-02-26)
(2020-02-24)
(2020-02-11)
(2020-02-10)
(2020-01-06)
(2020-01-06)
(2019-12-16)
(2019-12-10)
(2019-12-09)
(2019-12-02)
(2019-11-25)
(2019-11-13)
(2019-11-13)
(2019-11-08)
(2019-11-05)
(2019-10-28)
(2019-10-21)
(2019-08-22)
(2019-08-21)
(2019-05-24)
(2019-05-23)
(2019-05-22)
(2019-04-15)
(2019-04-11)
(2019-03-28)
(2019-03-18)
(2019-03-14)
(2019-03-06)
(2019-03-04)
(2019-03-01)
(2019-02-28)
(2019-02-22)
(2019-02-19)
(2019-02-14)
(2019-02-13)
(2019-02-07)
(2019-01-11)
(2019-01-10)
(2019-01-09)
(2019-01-09)
(2018-12-20)
(2018-12-05)
(2018-11-29)
(2018-11-23)
(2018-11-19)
(2018-11-09)
(2018-11-02)
(2018-10-24)
(2018-10-23)
(2018-10-11)
(2018-09-28)
(2018-09-19)
(2018-09-18)
(2018-09-14)
(2018-09-14)
(2018-09-12)
(2018-09-11)
(2018-09-06)
(2018-08-30)
(2018-08-28)
(2018-08-23)
(2018-08-17)
(2018-08-16)
(2018-08-15)
(2018-08-15)
(2018-07-20)
(2018-07-19)
(2018-07-19)
(2018-07-16)
(2018-07-04)
(2018-06-27)
(2018-06-22)
(2018-06-21)
(2018-06-14)
(2018-06-06)
(2018-06-06)
(2018-05-23)
(2018-05-17)
(2018-05-08)
(2018-05-08)
(2018-05-04)
(2018-04-30)
(2018-04-30)
(2018-04-30)
(2018-04-18)
(2018-04-18)
(2018-04-12)
(2018-04-06)
(2018-04-03)