Main menu
A mega menu allows you to show several menus from one dropdown in your store’s main navigation. In other words, it displays all of your products and collections, allowing customers to easily navigate
A mega menu allows you to show several menus from one dropdown in your store’s main navigation. In other words, it displays all of your products and collections, allowing customers to easily navigate
Go to Navigation to create a menu. Click Add menu to add new or choose any items below the menu to edit.
Write the menu's name, then choose Add menu item. Write the menu item's name and choose the item in the dropdown box > click Add.
To make an item to a child menu, drag it under the main item.
Menu items can also be added to create the same level as a child menu.
Steps
In the theme editor (Customize)
Check Main menu section, then edit menu and use the created menu.
Save
Multi-Column (Parent)
Link list (Multi child)
Product (Multi-col child)
Collection (Multi child)
Banner (Multi-col child)
HTML (Multi-col child)
Blog (Multi-col child)
Advanced Menu
Dropdown menu (Parent)
HTML ( child )
Single Link
In the Main menu section, Add block > Choose Block (Mega menu).
To make the mega menu work normally, you need a Parent block - Mega Menu and the Child blocks.
Parent block:
Child blocks:
config : Child blocks
it allows you to select only one menu in this part.
Add Link Name, Menu Link, Select Menu and select collections from products block to display products on right side of menu for each main links
Steps
In the theme editor (Customize)
Check Main menu section -> Categories mobile setting
Save
Enable tab categories: Show and hide the categories tab
List all collections: Lists all available collections in the store
Custom collections list: Option of the collection you want to display
If you select both List all collections and Custom collections list, the List all collections will be used