Nearly every customer who shops in your store will interact with the navigation menus, so their design and functionality are extra important! Read on to learn about making them look and function well.
The Basics – Adding Categories to a Navigation Menu
To view the menus and categories you currently have set up in your store, go to Inventory > Categories.
From here you can change menu titles, edit categories and subcategories, and reorganize the order in which they are displayed by dragging and dropping them.
To add a new category:
Click Add Menu Item.
Enter a Category Name and select the menu in which you want it displayed from the Show in Menu drop-down menu.
To move an existing category to a different menu:
Click View List.
Click on the Category number.
Select the menu in which you want it displayed from the Show in Menu drop-down menu.
Advanced Navigation Menu Customization
To customize your menus, go to Design > Navigation Menu in your Admin Area.
From here, you can change the style settings and menu formats for the navigation bars within your store template.
Navigation Menu Settings
The display settings for each navigation menu level within your storefront can be configured so each menu level is independently styled. Here you can change the menu background, text color, alignment, and more!
FYI: the settings that can be configured for each navigation menu level may change depending on the display type chosen for each menu.
Each menu within your storefront can be customized. Here are some of the options for customization.
This setting allows you to name your menus for easy recognition. This is an internal setting and not customer-facing. This is a required field.
Title Text Color
Lets you assign colors to navigation menu item text. The setting has a field for adding a Hex Color number (A six-digit code representing the amount of red, green, and blue that makes up the color) and also features a color-picker.
Title Background Color
Enter a Hex Color number (A six-digit code representing the amount of red, green, and blue that makes up the color) or use the color-picker to assign a color to the background of each element in this navigation menu. This field may not be functional for some templates.
Controls the alignment of the menu. It can be set to Vertical or Horizontal. This is a required field.
This setting controls the number of subcategory levels that will show on your site via menu dropdown. The No Dropdown choice means that your customers will need to click a menu item to see its subcategories. Choosing a level means that mousing over the menu item will show its subcategories as a dropdown. Settings can be 1,2 or 3 levels.
The Navigation Menu is a great way to change the look and feel of the navigation elements within your storefront. This can make it even easier for visitors to interact with your storefront, find products, and place orders.