How to use Megamenu Navigation

< Back

Watch Video

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation

Here you can set Top navigation and Menu Labels for your store with Simples Menu Links, Megamenu or Dropdwon


Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation   –>   Add Single Links

This is very simple. Set Links Name and Select Menu Link.


How to create dropdown menu

Now Go to:

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   Add Dropdown Menu

Set Link Name, Menu Link and Select Dropdown Menu

 

MM Simple


  • Display Menu Columns Up to 6
  • Display Bottom Images Up to 3
  • Display Right Column Image or Featured Product

Store Admin   –>   Online Store   –>   Navigation   –>   Add Menu with Sub Menu Items As display below ( below screenshot is only for reference )

 

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   Add MM Simple

Add Links Name, Select Menu, Set Columns, Set Product or Featured Image(Optional) and Set Bottom Images(Optional).
Below are few designs for MM Simple

MM Products


Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   Add MM Products

  • Display Featured Products on Left or fullwidth
  • Display Banner With or Without Text on Right Side(Optional)

Set Links Name, Menu Link and Select Collection to display products. Set Products Limit, Columns and Buttons.
Set Featured Column with image, title, subtitle, buttons and link.

Below are few designs for MM Products.

MM Top Image Columns


  • Display Up to 5 Columns with Image On Top
  • Display Up to 5 Images Banner with Title and Links

Store Admin   –>   Online Store   –>   Navigation   –>   Add Menu with Sub Menu Items.

To use Megamenu Top Image Columns, you need to create different menus for each columns. I.e. If you want to display 4 columns to Display Women, Men, Kids, and Accessories collection then you need to create 4 different menus with sub menu links for each column.

Follow this article to read more in details : How to create Menu?

Now Go to :

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   Add MM Top Image Columns

Display up to 5 columns with Column title, image, image links and menus

Below are few designs for this megamenu.

MM Background Image


  • Display Up to 6 Columns with Background Image

Store Admin   –>   Online Store   –>   Navigation   –>   Add Menu with Sub Menu Items As display below ( below screenshot is only for reference )

 

Now Go to :

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   Add MM Background Image

Below is reference design for this megamenu style

MM Links with Image


  • Display Image with Title in Columns
  • Select Image Column Up to 6

Store Admin   –>   Online Store   –>   Navigation   –>   Add Menu with Menu Items(Without Sub menu item )

To use Links with Image, you need to create simple Menu with menu items. as shown in below screenshot

Now Go to :

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   MM Links with Image

Set Link Name, Menu Link, Select Menu and Select Columns

Below is reference design for this megamenu style

MM Custom HTML


  • Display Custom HTML

Store Admin   –>   Online Store   –>   Customize   –>   Sections   –>   Main Navigation     –>   MM Custom HTML

Set Custom HTML code here

Set Menu Labels