Header and Mega Menu

720 views September 16, 2019 October 22, 2019 hyun-dung 1

Go to Header

click Add Content


There are 7 types of Menu

1. Menu Link

The menu is just a single text without sub items, you can add a URL to this text, add a label, custom color of the label

++ Label color: ‘red’ is for parent items

Result:

++ To add labels such as badge (hot, new, sale… onto the children item text, like this:

Go to Shopify Admin–> Navigation–> You can write when enter the menu:

*** Icon:

1. If you want use icon like this:

2. You can write when enter the menu:

2. Menu Standard

++ Choose the parent item menu: You can create a Menu like this in the Shopify admin

 

Result: Menu Standard shows in vertical

++ Menu link: Add a link to the parent item text

++ Menu label: Add a label onto the parent item text

Result:

 3. Menu Standard Col

++ Choose the parent item menu: You can create a Menu like this in the Shopify admin

 

Result:

 

4.Item Menu Per Col

++ Choose the parent item menu: You can create a Menu like this in the Shopify admin

++ Menu link: Add a link to the parent item text

++ Menu lable: Add a label onto the parent item text

— You should set up the Menu like this

Result:

 

5.Menu Multi Column 

You should create a Navigation like this one to be shown up as this mega menu

Result:

 


6. Menu Promo

You should create a Navigation like this one to be shown up as this mega menu

Result: This type of Menu has a image for promotion at the left

7. Menu Special

Edit the Menu Title box

Result:

** Top Menu 

  • Align text

– Right

– Left

  • Call us

  • Email

  • Socials contact

  • Wishlist

  • Compare

  • Account

  • Link list

  • Use Linklist dropdown?

 

  • Use Account dropdown?

  • Use Currency dropdown?

  • Use Language app?

 

  • Use Custom?

** Announcement

*Go to Section–> Header –> enable Announcement bar here

Result:

 

Was this helpful?