All Collections
Platform Administration
Managing Your Stores Layout
Manage Menus and Links
Manage Menus and Links

How to customize your storefront navigation menu to help customers find what they are looking for.

A Running Enthusiast avatar
Written by A Running Enthusiast
Updated over a week ago

Understanding Navigation

When you're setting up your online store, you should think about how you want customers to find your products and information about your business. This will help you to make decisions about your online store navigation. After you add products and create collections, webpages, store policies, or news posts, you need to organize them on your online store so that customers can find them.

Before you jump in, feel free to watch our quick Sprint TV episode where were dive into Menus, Page, and Collections.

You can view and change your online store navigation from the Layout Tab in your Run Free Project admin.

Default menus

The main menu appears on every page of your online store. The main menu is usually displayed as items across the width of the header; unless it becomes too wide, then it will default to a vertical stacked mobile menu system. A customer will probably look at your main menu to find your products and information about your business.

By default, your storefront has a few main menu items: an auto-populated Category Dropdown and an optional Digital Gift Card Link. You can choose to hide this default and show a personalized menu system customized to your liking.

Add, remove, or edit menu items in your online store

You can add menu items to your online store menus to build your store's navigation. Menu items are links to products, collections, pages, news & event posts, policies, or other websites. You can also remove or edit menu items.

In most cases, you need to create an item before you can link to it. For example, you need to create a collection before you can add it to a menu.

Add a Menu Item

STEPS:

  1. From your Run Free admin, go to Layout > Main Menu

  2. Select Add Parent Menu Item or Add Child, depending on where you would like to add the link. Parent means the highest level menu item, and child is either the 2nd or 3rd level in a dropdown.

  3. Enter a Label for the menu item. This is the name displayed in the menu

  4. Click the Link Type field, and select a link type:

    • Homepage - your online store's selected home page

    • Store - your store's main shop page with filters

    • Gift Cards - your store's digital gift card page

    • Collections - a listing of all collections

    • Cart - direct link to the shopping cart

    • Account - link to the my account page

    • Rewards - link to the rewards page - for app customers

    • Terms and Conditions - direct link to your terms page

    • Privacy - direct link to your privacy page

    • Brands - link to a specific brand you carry

    • Categories - link to a specific category you created

    • Collection - link to a specific collection you created

    • Pages - link to one of the custom landing pages you created

    • URL - Link to any URL you like, including external

    To create an email link, use the format mailto:youremail@example.com.

  5. Click Add to save your menu item.

  6. Click Save menu.

Note: To open a link in separate browser window, toggle Open in New Window when adding or editing a menu item.

Edit a Menu Item

STEPS:

  1. From your Run Free admin, go to Layout > Main Menu

  2. Find the name of the menu item you would like to edit.

  3. Click Edit on the right side of the item.

  4. Make any changes:

    • To change the name of the menu item, enter text in the Label field.

    • To change the destination of the menu item, select a new link type, per the above.

  5. Click Add to save your menu item.

  6. Click Save menu.

Remove a menu item

You can remove a menu item to delete it from your online store navigation. When you remove a menu item that has items nested below it in a drop-down menu, the nested menu items are also removed, and the drop-down menu is removed from your online store navigation.

STEPS:

  1. From your Run Free admin, go to Layout > Main Menu

  2. Find the name of the menu item you would like to edit.

  3. Click the red x to Delete on the right side of the item.

  4. Delete one or more menu items, then Click Save menu.

Change the display order of menu items

You can view the display order of menu items on the Layout > Main Menu Page. The menu items display on your online store in the order that they are listed.

STEPS:

  1. From your Run Free admin, go to Layout > Main Menu

  2. Find the title of the menu that you want to reorder.

  3. Click and hold the handle icon (⠿) beside the menu item, and then drag the menu item to another position. Note: Dragging parent menu items inside a child menu is possible if another child link already exists. To add the first of its type, tap Add Child.

  4. Then tap Save menu.

Did this answer your question?