The menu item types, internally known as nodeTypes, define how Verso should render a top navigation on the front end. For most brands, links are the only menu items that are in their primary links config set, but for MegaMenu brands, the mapping is below:
In Verso and for MegaMenu, the ConnectedNavigation component expects data structured in a certain way. Below is a hierarchy of how these should generally be structured:
Hierarchy | Root | Section | Group | Link |
Nested example | Ingredients | Fruits & Vegetables | Fruits | Blueberry |
Flat example |
|
|
| Cooking |
As you can see, there can be nested menu items but also flat menu items.
Different brands handle MegaMenu in slightly different ways. As you can see below, one of Allure’s root menu items (News) skips Section and Group and just has Root > Link:
