...
Thanks to this module it is possible to configure a mega dropdown for desktop navigation. The mega dropdown displays all categories from a root category.
| Table of Contents |
|---|
Installation
| Info |
|---|
This module is optional |
| Code Block |
|---|
composer require "creativestyle/magesuite-mega-dropdown" ^2.0.0 |
Admin settings
Megadropdoen can be enabled in Stores -> Configuration -> MageSuite -> Navigation
...
| Info |
|---|
Clear Navigation cache type after changes. |
Backend
| Note |
|---|
Backend part of this documentation should be added |
Frontend
...
Scripts
Megadropdoen script I located in components/navigation/navigation-mega-dropdown
...
class NavigationMegaDropdown extends Navigation It modifies the Navigation flyout behavior: skips adjusting column count for "All categories" root list, adjusts the number of submenu columns: the goal is to have as few columns as possible when keeping flyout's height bellow the given max height.
Styling
Html classes are the same as in the standard navigation flyout and styling is provided in navigation.scss file. there is an additional class: cs-navigation__flyout--all-categories that allows styling customizations in a child project.
...