Set up Mega menus <> Victory
On this page:
-> Set up "Mega menu products grid."
Set up the "Mega menu."
This block displays 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.
After that, enter the block's settings and fill in the Link name field with the name of the menu item you want to connect this mega menu block to.
Banner settings.
Background - setting allows you to add a background color to the banner. It will be visible if the banner image in .PNG format and has transparency.
Background ellipse - setting allows you to add two colored spots to the banner background. It will be visible only if the Background color is not set.
Set up "Mega menu products grid."
The mega menu is 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.
This mega menu may display up to 8 products in a grid.
Set up "Mega menu media."
In this mega menu block, you can display up to five media - images with a link or add the actual product.
For more information regarding the Header and mega menu settings, please follow the link to the theme documentation: https://utdweb.team/shopify-themes/victory/manual/#section-header