Create Megamenu and Dropdown

< Back
  1. Create Megamenu

    Go to Store Admin >> Online Store >> Customize >> Sections >> Header >> Scroll Down to Navigation

  2. Click on Add content to add links to menu
    There are 5 style in main menu as below

    • Home Link
    • Single Page Link
    • Simple Dropdown
    • Megamenu Style 1
    • Megamenu Style 2
    • Megamenu Style 3
    • Megamenu Style 4

    First Checkout all the possible style of megamenu

    Simple Dropdown

    Megamenu Style 1

    Here you can set 2 column, 3 column, up to 5 columns, Featured product and Single Banner. You can display menu column with multiple rows

    Megamenu Style 1 with 3 column menu (2 rows), Featured Product and Banner All options are flexible.

    Megamenu Style 2

    Here you can set 3 column, 4 column, up to 6 columns and 3 diffrent banner at the bottom of menu column You can display menu column with multiple rows

    For Banner, You can set either 1, 2 or 3 banner.

    Megamenu Style 3

    Here you can set 1 column, 2 column, up to 5 columns and banner at the top of each column. You can display menu column with multiple rows

    Megamenu Style 4

    Here you can set 2 column, 3 column, up to 5 columns with background image.

  3. Where to add navigation links?

    Go to store admin >> Online Store >> Customize >> open Header section from sidebar >> Scroll Down bottom of section >> Click on Add content

  4. Add Home Link:

    Click on Add content >> Home Link

  5. Add Single Page Link :

    Click on Add content >> Single Link

    Here you can add label which will display above link .i.e Sale,new,deal..

  6. Add Dropdown :

    Click on Add content >> Dropdown menu >> Select Menu

    You can display labels here. Here you can select dropdown menu you created from Navigation Setting. Checkout below steps and screenshot for dropdown menu Men

  7. Add Megamenu:

    Click on Add content >> Select any from Style 1, Style 2, Style 3, Style 4

    You will need to create many multi-level drop-down for megamenu

    For example : If you want to display megamenu for “Women” as shown below

    Go to Store Admin >> Online Store >> Navigation >> Add Menu

    Add menu items in menu as shown below and click save

    Now to add Menu links for Clothing, Add menu items in the same way and then drag that menu item under relavant menu item ( your choice )

    Repeat the same steps to add links under all other menu items.