Shopify themes and design

Shopify navigation redesign

Navigation is how shoppers who do not arrive on a product page find one. When the menu reflects how the business organises its stock rather than how customers think about what they want, people get lost, use search for everything or leave.

This page explains how to redesign Shopify navigation: grouping the range, working within Shopify's menu structure, presenting menus on desktop and phones, and changing collections without breaking links.

Service overview · Web & E-commerce · Custom quotations only

Illustrative diagram

Main menu

  • Shop by type
    • Tops
    • Dresses
    • Accessories
  • Shop by occasion
    • Workwear
    • Weddings
  • New in
    • This week
    • Back in stock
  • Help
    • Size guide
    • Delivery
A three-tier Shopify menu. Top level by shopper intent, with two nested levels at most.

Group the range the way shoppers think

Businesses often organise menus by supplier, internal category codes or the order in which ranges were added. Shoppers think in terms of what they need: a product type, an occasion, a room, a problem to solve. A navigation redesign starts by listing the ways customers describe what they want, using site search terms, customer questions and the words used in reviews, then grouping the range accordingly.

The same product can appear in several collections, so the menu can offer more than one route to it.

Common grouping patterns

Menu grouping approaches
Group bySuitsExample top-level items
Product typeMost storesDresses, Tops, Accessories
Need or problemSkincare, health, toolsDry skin, Sensitive skin, Ageing
Room or useHomeware, furnitureLiving room, Kitchen, Garden
Occasion or recipientGifts, cardsBirthdays, Weddings, For him
Collection or seasonFashion dropsNew in, Autumn edit, Sale

Shopify's menu structure

Menus are managed in the Shopify admin under navigation and linked to collections, products, pages or external addresses. Shopify supports nested menu items to two levels below the top level, so a menu can have three tiers at most. How those tiers are displayed, as simple dropdowns or as large mega menus with images, depends on the theme.

Three tiers are plenty for most stores. If the range seems to need more, the grouping usually needs simplifying, or filters within collections should do the extra narrowing.

Navigation on phones

The drawer

  • Short top level that fits without scrolling
  • Clear back and close controls
  • Tap targets large enough for thumbs

Alongside the menu

  • Search visible in the header or drawer
  • Account and cart easy to reach
  • Key collections also linked from the homepage

Common navigation mistakes

  • Internal jargon

    Range names that mean something to staff but not to customers.

  • Too many top-level items

    A long row that wraps on desktop and overwhelms the phone drawer.

  • Empty or tiny collections in the menu

    Shoppers click through to two products or none.

  • Sale as the only route

    Permanent sale links that train customers to wait.

Renaming collections without breaking links

A navigation redesign often renames, merges or splits collections, which can change their URLs. Old URLs may be bookmarked, shared on social media or ranking in search results. Shopify's URL redirects let you send each old address to its replacement. Listing every changed collection URL and creating its redirect is part of the redesign, not an afterthought.

Test the new structure before building it

A simple way to check a proposed menu is to ask a few customers or colleagues to find specific products using only the proposed labels, written on paper or in a spreadsheet. If they hesitate or choose the wrong group, the labels need work. This kind of quick check costs little and avoids rebuilding the menu after launch.

Questions about Shopify navigation redesign

How many levels can a Shopify menu have?

Shopify supports nested items two levels below the top level, so three tiers in total.

What is a mega menu?

A large dropdown showing several columns of links, sometimes with images. Whether it is available depends on the theme.

Can a product appear in several menu routes?

Yes. Products can belong to several collections, each linked from the menu.

Will renaming collections hurt search rankings?

Redirecting old URLs to new ones limits the impact.

Should Sale be in the main menu?

During sales, often yes. Permanently, it can encourage customers to wait for discounts.

Can the mobile menu differ from desktop?

The same menu is usually shown differently; some themes allow separate mobile menus.

How do we know what shoppers call things?

Site search terms, customer emails and review wording are good sources.

Should the menu link to product pages directly?

Occasionally, for hero products. Usually menus link to collections, which give shoppers a choice.

How often should navigation be reviewed?

When the range changes noticeably, and at least yearly using search terms and collection visits.

Sources referenced

Platform features, guidance and rules change. We check the current versions before committing to an approach. This page is general information, not legal advice.

Request a Custom Quote

Ask about Shopify navigation redesign

Project details

Enquiry about: Shopify navigation redesign

Fields marked with an asterisk are required.

What do you want to achieve, what exists today, and any deadlines or constraints.

Include your country code.

Request a quote