Adding New Tab To The Top-Navigation Menu With Nested Sub-Menu (links) For a Custom Category Menu List
Note: By default, the top navigation bar includes a built-in feature to list all categories, subcategories, collections and brands on dynamically generated menus with sub-menus.
However, if you want to create a new menu tab with sub-menu (child links) on the dynamic top navigation bar for, as an example, a custom list that links to specific categories on your store, you can follow the general instructions below.
First create the category(s) in the system and make sure that each category (or subcategory) has at least one item assigned to it. On the Main Category page in the admin area (or the sub-category page) copy the search results URL link for the link that you will use on a sub-menu.
Go to CMS > Top Navigation Bar
Click on the (+) Add New Tab Link
- On the Parent Tab Selection, keep it as “New Parent (Top-Level) Navigation Tab”
- Enter the position on the top nav bar where you want the menu tab to appear (i.e. 4)
- In the tab label field, name your menu tab something like ”My Categories”
- On the ‘Tab Link Type’ selection menu, choose “Nested Menu Item”
- Click both the Enable Admin Preview and Tab Active For Public Checkboxes
- Click the “Add New Page” button
To Add a Sub-Menu Link below your new Main Menu Tab
- Click on the (+) Add New Tab Link
- On the Parent Tab Selection, select ‘New Link Under > My Categories" (it will be labeled whatever you named your parent menu tab)
- Enter the position on the drop-down menu where you want the menu link appear (i.e.1)
- In the tab label field, name your menu tab something like ”My Link”
- On the ‘Tab Link Type’ selection menu, choose “Custom Page URL”
- Paste the URL of your Category in the Custom Page URL field
- Click both the Enable Admin Preview and Tab Active For Public Checkboxes
- Click the “Add New Page” button
Go to your website to test your new tab and sub menu.
