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.

Click Save.

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.

Click Save.

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.

Menu Basics

Each menu within your storefront can be customized. Here are some of the options for customization.

Menu Title

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.

Alignment

Controls the alignment of the menu. It can be set to Vertical or Horizontal. This is a required field.

Dropdown Levels

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.

Summary

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.

Did this answer your question?