The navigation menus are used for forwarding your website's visitors to pages and menus that contain specific information about your website. Creating a main (top) and bottom menu with links leading to major sections in your store is very important. All functioning online stores should include links to the main pages of the store as well as links with basic information at the bottom of each page.

In this section:

Where can I find my store's navigation?

1.  In your control panel, go to My Store > Navigation
2.  There, you will find the two parts of your navigation: the Main menu and the Footer menu.

The main navigation menu consists of links that can have an unlimited number of subcategories, which will be displayed as drop-down menus on your website.

1.  You can edit every navigation link while the menu looks like this:
2.  Once you click on the Add more button, a new window will pop up, allowing you to choose which type of link you want to create:

While most of the options are to create a hotlink to a certain part of your store, there is an option for adding an external link via the Web link item.
3.  Once you are all done, you can check how the main navigation menu would appear on your live website:

1.  The Footer Menu or just the Footer of your site is the second section of your navigation menu. Here is an example:
2.  Those links would then appear in the bottom part of your website, respectively:
The standard is that the Main menu is used for the product and content of the site, while the footer is used for any additional information a customer or visitor may need.


Please note that the Add more button opens the same menu for both the main and the footer menus.


Order: You can change the order by dragging (drag and drop) each part of the menu. 


Name: You can quickly change the name of the menu section by clicking on it, editing the name, and clicking Save. 


You can also add an icon for this menu In the field for menu name. All you need is the code of the icon you want to add. For example, you create a contacts menu and want to place an icon in the menu title. Go to this website, click on Icons, choose an icon and copy the icon code provided on the page. Paste the code in the title field of the menu you create for your store navigation.

Contents: You can create a new menu section by clicking on Add more and selecting what type you want the section to be: 

  • Web link
  • Link to a product
  • Link to a product category
  • Link to a brand
  • Link to a blog category
  • Link to an article
  • Link to a static page
  • Link to a store section
  • Group menu
  • Link to a Collection
  • Subscription for Newsletter
  • Integrate a snippet code

Adding sections to navigation menus


Adding a Web link


Click on Add more and select Web link.

Type the name of the link and the web address of the link. 

Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.
 

Adding a Link to a specific product

Click on Add more and select Link to a specific product.
Type the name of the Product and select the same product from the drop-down menu.
Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.



Adding a Link to a product category

Click on Add more and select Link to a specific category.
Type the name of the Category and select the same category from the drop-down menu. 

Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.



Adding a Link to a brand

Click on Add more and select Link to a specific vendor.
Type the name of the Brand and select the same brand from the drop-down menu.

Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.


Adding a Link to a blog category

Click on Add more and select Link to a specific article category.
Type the name of the Category and select the same category from the drop-down menu. 

Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.



Adding a Link to an article

Click on Add more and select Link to a specific article.
Type the name of the Article and select the same article from the drop-down menu. 

Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.



Adding a Link to a static page


Click on Add more and select Link to a specific static page.
Type the name of the Page and select the same page from the drop-down menu.
Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.



Adding a Link to a store section


Click on Add more and select Link to a specific store section.
Type the name of the Section of the store and select the same section from the drop-down menu.
Select Menu parent for this section and choose whether to redirect the user to a new window. 

Click Save to save the new section.



Adding a Group menu


Click on Add more and select Group menu.
Type a Name of the group menu and click Save.
Click Add more again and select a submenu you want to be part of this group menu.
Type the name of the submenu and select it from the drop-down menu.
Select the name of the group (already created and available in the drop-down menu) menu from the Menu parent.

Adding a Link to a specific Collection

Click on Add more and select Link to a specific Smart Collection.
Type the name of the Collection of the store and select the same collection from the drop-down menu. 

Select Menu parent for this collection and choose whether to redirect the user to a new window. 

Click Save to save the new section.


Subscription for Newsletter


Click on Add more and select Subscription for Newsletter. 

Type the name of the Newsletter and select Menu parent.
Click Save


Integrate a snippet code


Click on Add more and select Integrate a snippet code.
Type the name of the Menu and place your HTML or JavaScript code. 

Select Menu parent for this menu.
Click Save