Skip to main content
Navigation menus

Learn how to create customize your store navigation menus

Updated over 4 months ago

Store navigation menus

Menus are essential navigational elements that help visitors navigate through various pages of your online store. They serve as visual roadmaps, providing a list of links to different sections of your store such as the home, about, product collections, products, blog, contact, and more.

With TapCommerce, you have the flexibility to customize menus according to your preferences. You can add pages to menus and create submenus and mega menus to further organize your content. By default, TapCommerce creates two menus for your store: "Main" and "Footer" which you can add "Collections", and "Products" pages, a specific page, and a custom URL.


The "Main" menu is located in the header of your store and typically includes product collections, as well as the "About" and "Contact" pages. It serves as the primary navigation menu for your visitors.
​
The "Footer" menu is positioned at the bottom of your store and includes all the legal pages and "About us" and "Contact us" pages.
​
To modify your navigation menus, you can easily add or remove menu items, which include pages and collections, and create sub-menus.

Add items to Main and Footer menus

Customizing the navigation of your store is a simple and straightforward process. To add a new item ("Collections" or "Products" pages, a custom page or a URL) to a menu, follow these steps:

  1. Log in to your store's admin panel.

  2. Head to the "Navigation" under Sales channels β†’ Online store section.

  3. Click on the menu which you want to add items ("Footer menu" or "Main menu").

  4. Hit the "Add menu item" hyperlink.

  5. A modal window will appear.

  6. In the modal window:

    • provide a name for the menu item which will be visible on the store menu;

    • select the source for the menu;

  7. Hit the Save button.

By following these steps, you can easily expand your navigation menus by adding new items that will help enhance the browsing experience for your store visitors.

How to create sub menus and mega menus?

To create a submenu, you can easily arrange the items within the menu by dragging and dropping them into the desired order. Follow these steps:

  1. Log in to your store's admin panel.

  2. Head to the "Navigation" under Sales channels β†’ Online store section.

  3. Click on the menu which you want to add a submenu ("Footer menu" or "Main menu").

  4. In the menu editor, locate the menu item that you want to serve as the main parent item for the submenu.

  5. Drag the desired menu item that you want to include as a submenu and position it underneath the main parent item.

  6. Arrange the submenu items (up and down) in the desired order by dragging them within the submenu.

  7. To access additional configuration options for each item, click the arrow on the right of the item.

In the example below, by dragging the page named 'Terms and Conditions' and 'Policies' under the 'Legal' menu item, you create a submenu.

And, by dragging the 'Refund Policy', 'Privacy Policy', and 'Shipping Policy' pages under the sub menu named 'Policies', you create the mega menu for the 'Legal' item.

When creating a submenu, each submenu item will be treated like a normal menu item. This means you can configure additional settings such as Link Title, and Link rel for each submenu item.

By following these steps, you can easily create and customize submenus and mega menus, allowing you to organize your navigation menu with a hierarchical structure. This will helps visitors to your store easily navigate through different sections and access specific pages or collections.

Did this answer your question?