Config Megamenu on desktop

64 views September 9, 2019 admin 0

I.Label menu setting

Note: The name of label in the “Menu label 1” must like the name of label in the “Menu item” like screenshot below. If it’s different, nothing gonna changed.

II. Content

There are 7 type megamenus

1. Sub mega menu product

    • Navigation Tittle: The name of menu item
    • Icon:You must click to link below icon’s box : fontawesome icons

Going to a new tab: The Icons

Then, copy one of the name of the icon and paste to icon’s box.

    • Navigation link

    • Navigation label:

    • Add sub menu:

Select menu -> Choose one of menus or click to Create menu to create a new menu

You can go to Menu config to know clearly how to create or edit menu

+ Center:

+ Auto(Default):

    • Product setting:

+ Conditions

__Automatically select products based on conditions

You must have selected Collection in AUTOMATICALLY SELECT PRODUCTS before

You can go to Menu config to know clearly how to create or edit menu

After, go back your website.

Result: When hover menu HOME, a sub menu is dropdown

__Manually select products:

You must choose pieces of products or create product : Select product -> choose one of products -> Select.

 

Result:

2.Sub Mega Simple

 

    • Navigation Tittle: The name of menu item
    • Icon (like icon in sub megamenu product)
    • Navigation link :

    • Add sub menu :

+ Click to Select menu and Choose one of menu have had or create new menu by Click to

You can go to Menu config to know clearly how to create or edit menu

    • Sub menu position : There are 2 types

+ Center:

+ Auto(Default)

3. Mega Collection Banner

 

    • Navigation Tittle: The name of menu item
    • Icon:
    • Navigation link :
    • Add sub menu It’s the same to SUB MEGA SIMPLE
    • Sub menu position : It’s the same to SUB MEGA SIMPLE
    • Banner setting:

Click to Select image -> Choose one of images in Library or Free image -> Select

Note: If you want to show image, you must have Add sub menu before

    • “Use equal height images? ” : Set default height of image. If you want to use it, just tick to this box like

Result:

4. Sub menu dropdown

    • Navigation Tittle: The name of menu item
    • Icon:
    • Navigation link :

    • Add sub menu

Click to Select menu-> Choose one of menus or create a new menu -> Select..

You can go to Menu config to know clearly how to create or edit menu

    • Sub menu position

+ Left(Default):

+ + Right:

    • Navigation label color

5. Mega shipping banner

  

    • Navigation Tittle: The name of menu item
    • Icon:
    • Navigation link :
    • Navigation label
    • Navigation label color

    • Add sub menu

Click to Select menu-> Choose one of menus or create a new menu -> Select..

You can go to Menu config to know clearly how to create or edit menu

    • Sub menu position

+ Auto(Default):

+ Center

    • Banner options:

+ Banner image : Click to Select image -> Choose one of images in Library or in Free images -> Select

    • Shipping options

+ Shipping settings 2:

6. HTML Block

    • Navigation Title:
    • Icon
    • Navigation Link
    • Navigation label
    • Navigation label color

    • Custom HTML: Fill in code HTML or word

– Sub menu position

+ Auton(Default)

+ Center

7. Menu item no children

III. Delete and Save

    • Remove content : Delete content

    • Click to “Save” to Save changes

Was this helpful?