Create a Mega Menu
Go to Sections > Main navigation > Add content
​
There are 10 type Mega menus. And you can choose one or all of them.
​ Mega menu shop​
​ Mega menu banner​
​ Mega menu simple​
​ Mega menu dropdown​
​ Mega menu product​
​ Mega menu tabs​
​ Mega menu blog​
​ Mega menu contact​
​ Mega menu HTML custom​
​Menu item no children​
Note: Tick on Hidden block at the end: if you want to hide any mega menus.
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Add sub menu: Choose menu which you want to show.
Show product: Tick on to show product.
Conditions:
Automatically select products based on conditions: If you tick on here, scroll down to Automatically select products to choose showing collection and Number of product to display.
Manually select products: If you tick on here, scroll down to Manually select products to choose showing products.
​
Show product vendor: Tick on to show product vendor.
Use sale countdown: Countdown to the end of sale date will be shown. Make sure you have set final date of the product sale price. product.metafields.meta.countdown ( 2018/01/19 ). The countdown timer only show on the product which have beeb set nay Metafield/ Shopify FD
You can go to Product Metafield to know more. After you can choose style show for Countdown on Countdown style.
Aspect Ratio : It set aspect ratio for image. And there are 13 types
Image size:There 2 types
Image position:The first value is the horizontal position and the second value is the vertical
Result:
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Add sub menu: Choose menu which you want to show.
Show banner: Tick on to show banner.
Image: Choose image from libraries.
Link to: Choose the link redirect to when you click to banner.
Result:
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Add sub menu: Choose menu which you want to show.
Sub menu position: You can choose showing style for menu.
Auto(Default)
Center
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Add sub menu: Choose menu which you want to show.
Sub menu position
Left(Default):
Right:
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Collection to use: Choose collection which you want to show.
Number of products to display:
Use product vendors: Tick on to show product vendors.
Use sale countdown: Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. Go to Product Metafield to know more.
Countdown style:
Countdown timer default
Countdown timer light
Countdown timer light 2
Countdown timer dark
Aspect Ratio : It set aspect ratio for image. And there are 13 types.
Image size: There 2 types
Image position:The first value is the horizontal position and the second value is the vertical
Show banner : Tick on to show banner.
Link to: When you click to banner, it redirect to page selected.
Result:
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Collection to use: Choose collection which you want to show.
Number of products to display:
Use product vendors: Tick on to show product vendors.
Use sale countdown: Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. Go to Product Metafield to know more.
Countdown style:
Countdown timer default
Countdown timer light
Countdown timer light 2
Countdown timer dark
Aspect Ratio : It set aspect ratio for image. And there are 13 types.
Image size:There 2 types
Image position:The first value is the horizontal position and the second value is the vertical
Result:
​
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Blog to use: Choose collection which you want to show.
Number of products to display: Choose number of blog you want to show
Aspect Ratio : It set aspect ratio for image. And there are 13 types.
Image size: There 2 types
Image position:The first value is the horizontal position and the second value is the vertical
Result:
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Contact info: Write code HTML.
Result:
Result:
10.1 - Setting
Navigation Title: Enter the title of menu.
Icon: Go to The icons to get.
Navigation Link: When you click to menu, it redirect to the other page selected.
Navigation label: Enter the name of label of menu.
Navigation label color: set color for label.
Custom HTML: Write code HTML to create a drop-down menu.
Result:
​
​
