Set up Mega menus <> Ultra
On this page:
- Set up the "Mega menu" and "Mega menu tier menus" -> Follow.
- Set up the "Mega menu split menu" and "Mega menu media" -> Follow.
- Set up "Mega menu brands" and "Brand logo" -> Follow.
Set up the "Mega menu" and "Mega menu tier menus"
These two blocks have the same functionality - they display the nested menu items that belong to the first-level (top-level) menu.
Before using this block, please ensure that the menu item it is connected to has at least one level of nested menu items (sub-menus). Otherwise, the mega menu block will not be displayed. How to set up the menu, we described in this article.
Once the menu is set up, please navigate to the Theme customizer -> Header and ensure that under the Menu block settings, the "Type" is set to "Both" or "Mega menu".
After that, add the "Mega menu" block to the Header section.
The next step is: enter the block's settings and fill in the Link name field with the value that matches the menu item you want to connect this mega menu block to.
Set up the "Mega menu split menu" and "Mega menu media"
These mega menus are connected in the same way as the previous one: you need to enter the block settings and fill in the Link name field with the value that matches the menu item you want to connect this mega menu block to.
However, unlike the previous one, this mega menu does not require the menu item to have nested sub-menus, since these blocks display their own content.
Note: If the menu item has nested sub-menu items, they will not be displayed.
Set up "Mega menu brands" and "Brand logo"
The following two blocks work together. "Mega menu brands" is the mega menu that is connected to a menu item, while "Brand logo" is used to add the logos that will be displayed within this mega menu.
The special feature of this mega menu is that it can be displayed both in the mobile menu and in the burger menu.
Menu item:
For this mega menu to be displayed, the top-level menu item must have nested second-level menu items. If a menu item contains third-level nested menus, they will not be displayed. If there are no such nested menus, the "Brand logo" blocks will not appear on desktop and will only be visible in the mobile menu.
You can add as many "Brand logo" blocks as you need. Each block may have only one logo image. Also, you can add a link to the logo image to redirect users to a specific collection page, for example.