Mega Menu
Mega menu is structured by section and blocks is content on menu.
You can add blocks and re-order blocks to settings menu and submenu content exactly
Navigation
-
Please follow Shopify guide for setting up Navigation linklist
-
You can created nested linklist - it will be helpful to showing on our mega menu
Blocks
We had 2 types on menu blocks
- Main Menu
It will be showed on mega menu as parent item.
Settings
Handling settings about menu info
- Sub Menu
It must be under parent item block - showing as sub menu contents
Block | Type | Feature |
---|---|---|
Patent item | Main Menu | Parent Item with Menu Text and Link |
Child with brands | Sub Menu | Showing images |
Child with banner | Sub Menu | Showing image and text on banner |
Child with linklist | Sub Menu | Menu links with nested linklist |
Child with product | Sub Menu | Showing product on sub menus |
Child with image | Sub Menu | Image with link and text |
Child with html | Sub Menu | Custom HTML as setting (image, video, custom texts or any HTML content) |
On each of submenu block type, it's included column width and setting allow to change texts, images and information
Submenu content is 12 parts. On submenu block, you can choose from 1-12 parts on settings (16.67% -> 100% of submenu width)
Child with banner
Creating banner (image, text and buttons)
Child with linklist
Creating linklist via Online Theme > Navigation
Child with product
Creating linklist via Online Store > Navigation
Link must be a product link
Child with image
Image with text settings
Child with brands
Config 6 brand images
Child with html
Creating HTML and showing on submenu. On screenshot below, we created custom button
Guide to set up
The mega menu in Medicorum is organized in nested structure in which one Main Menu menu block can cover up many Sub Menus
Parent item and Sub Menus blocks will create menu item with sub contents
Styling
Changing color and background, font size of menu links on this section settings