How Can We Help?

How to use Megamenu Navigation

Print

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 up to 4 Image Banners at Right or Bottom

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 Image Banners(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 Advanced – For Avone Theme

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 Advanced

Add Link Name, Menu Link, Select Menu, Set Columns for Sub menu links and select collections from products block to display products on right side of menu for each main links ( Which display on left side of menu) .

Below are few designs for MM Advanced

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