Skip to content

Changing desktop submenu to 3‐level variant

Ola Frankowska edited this page Jan 19, 2024 · 2 revisions

By default, the desktop submenu is a popup that displays all submenu levels in one view:

image

There is an alternative version "3-level":

image

  • Level 1 opens the submenu popup.
  • Level 2 is in the popup on the left.
  • Level 3 is displayed in the popup on the right, based on the active level 2 node.

Examples

To see an example you can:

Usage

To use a 3-level submenu, you need to change "Submenu template" to "3-Level" in menu node settings in admin for all nodes that are a part of such submenu:

Screenshot 2024-01-17 at 11 57 56

If you want to have a 3-level submenu as default in your project, copy the content of view/frontend/templates/hyva-topmenu-desktop/menu/custom/sub_menu/3-level.phtml to <your-theme-path>/Snowdog_Menu/templates/hyva-topmenu-desktop/menu/sub_menu.phtml. This way you won't need to change "Submenu template" settings in admin.