App using in Gecko

Config Megamenu on desktop

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

*Options:

  • Navigation Tittle: The name of menu item

  • Icon: You must click to link below icon’s box :

Going to a new tab: The Icons

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

Before
After
    • Navigation link

    • Navigation label:

    • Add sub menu:

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

* Sub Mega Menu Position:

+ Center:

+ Auto(Default):

    • Product setting:

+ Conditions:

__Automatically select products based on conditions

You must have selected Collection in AUTOMATICALLY SELECT PRODUCTS before

After, go back your website.

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

__Manually select products:

Select products you wanna show on Submega Menu:

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

    • Sub menu position : There are 2 types

+ Center:

+ Auto(Default):

3. Mega Collection Banner

    • Navigation Tittle: The name of menu item.

    • Icon: Show before Navigation Title.

    • Navigation link : when you click, it will be navigated to.

    • Add sub menu: It’s the same to SUB MEGA SIMPLE.

    • Sub menu position: It’s the same to SUB MEGA SIMPLE.

    • Banner setting: Show image or product you want.

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: Show before Navigation.

  • Navigation link : When you click Navigation Title it will navigated to.

    • Add sub menu

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

    • Sub menu position:

+ Left(Default):

+ + Right:

    • Navigation label color:

5. Mega shipping banner

  • Navigation Tittle: The name of menu item

  • Icon: Show before navigation title.

  • Navigation link : When you click to navigation title it will be navigated to.

  • Navigation label: Show after navigation title for highlight.

  • Navigation label color: Config navigation label.

    • Add sub menu:

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

    • 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:

6. HTML Block

  • Navigation Title: Name of Title.

  • Icon: Show before Navigation Title.

  • Navigation Link: When you click to Navigation title, it will be navigated to.

  • Navigation label: Show after Title for highlight.

  • Navigation label color: Config navigation label.

    • Custom HTML: Fill in code HTML or word:

– Sub menu position:

+ Auto(Default):

+ Center:

7. Menu item no children

  • Navigation Title: Name of the title.

  • Icon: Show before title.

  • Navigation link: When you click to title, it will be navigated to.

  • Navigation label: Show after title for highlight.

  • Navigation on label color: Config label color.

III. Delete and Save

    • Remove content : Delete content

    • Click to “Save” to Save changes: