The navigation menus, placed in the header or footer of the store, allow customers to quickly find elements or go to the pages they need. For example, you can place products, categories, custom pages, external links, and more in the navigation menus. Learn how to set up a navigation menu.

 

In This Article

• Navigation Types 
• Adding Menu Items 
• Editing Menus Items 
• Displaying Menus on Storefront 

 

---

 

Navigation Types

Default Menu

On each online store page, there are two default menus: the primary menu and the footer menu. In the default menu of your online store, you can add, delete, or edit menu items.

Primary Menu

The primary menu appears on every page of the online store. It usually appears as items across the width of the title, or as a list of items in a side column. Customers may view your primary menu to search your products and business information, such as the About us page.

There are two default menu items in your primary menu:

• Home: the home page of your online store
• Catalog: the page showcasing all your products

You can add a drop-down menu from any menu item in the primary menu. The drop-down menu is a submenu of the primary menu and usually appears as a list of items connected to the primary menu item. The drop-down menu is a good way of organizing similar items, such as the web page, blog post, store policy, product, or collection. For example, if you have a lot of products, you might want to add them to a collection and then use the drop-down menu in the primary menu to organize the collection. This is helpful for customers to find the type of product they are searching for.

Footer Menu

The footer menu usually appears as items across the width of the title. Customers may view your footer menu to search your store policy and contact information.

 

---

 

Adding Menu Items

You can add a menu item to link to:

• Web pages
• Collections
• Products
• Blogs or blog posts
• Store policy
• External websites
• Email links

Steps:

1. From your SHOPLINE admin panel, go to Online Store > Navigation.
   
2. In the Navigation menu page, click the title of the menu to be edited.
3. Click + Add submenu.
   
4. Under the Menu item title, enter the display name of the menu item. The name appears in the menu and can include special characters or emoticons.
   
5. At the Referral URL, enter the address of the external website or select the link type:
   • Home: the home page of your online store
   • Product category: category of specific or all products
   • Product: specific or all products
   • Page: the web page on your online store
   • Blog category: the blogs on your online store
   • Blog: the blog posts on your online store
   • Policy: your store policy
     

     Notes: If you have selected a product series or all product series, you can filter the selected series using tags to display only the products that match all the tags you have entered. If you have selected a link type, select a specific target. If you select Home, it will automatically set the target as the home page of your online store. When creating a multi-level menu, you can usually set up redirection links for each submenu item. However, in the Seed theme, redirection links can only be configured for the lowest-level menu items.

6. Click Add to save your menu item.
7. Click Update to update the entire menu.

 

---

 

Editing Menu Items

1. From your SHOPLINE admin panel, go to Online Store > Navigation.
2. Click the title of the menu that contains the item.
3. At Edit menu items, click the pencil icon next to the item title to edit it.
   
4. Make any change:
   • To change the name of the menu item, please enter the name under the Menu item title.
   • To change the target location of a menu item, enter or select a new location under the Referral URL.
5. Click Update.
6. Click Update to update the entire menu.

 

Manage the Order and Hierarchy of Menus

You can rearrange your menu items by dragging and dropping the six-dots control.

To further organize your menu items into layers, you can move a menu item up or down a tier by using the Left Arrow or Right Arrow icons. The Arrow icons automatically appear when you hover over a menu item.

 

Deleting Menu Items

You can remove a menu item from the online store navigation by deleting it. When you delete a menu item with any item nested below it from a drop-down menu, the nested item is also removed, and the drop-down menu is removed from the online store navigation.

Steps:

1. From your SHOPLINE admin panel, go to Online Store > Navigation.
   
2. Click the trash can icon next to the menu item you want to delete.
   
   
3. Click Confirm to delete it.
   
4. Click Update to update the entire menu.

 

---

 

Displaying Menus on Storefront

After you’ve finished adding or editing the navigation menu, go to Online Store > Design. In the My theme tab, click Design to enter the editing page. Here, you can replace the current menu with another one in the Header or Footer section.