Skip to content

Editing the Footer Menu

The Footer Menu controls the links displayed at the bottom of your storefront.
Using the drag-and-drop editor, you can easily reorder, add, edit, or remove menu items without writing any code.

Overview

From the Footer Menu editor, you can:

  • Rename the footer menu
  • Reorder menu items using drag and drop
  • Add new menu items
  • Edit or delete existing menu items
  • Control how the menu is referenced in your theme using a slug

Changes are reflected instantly on your storefront after updating.

Title

The menu title is used for:

  • Internal identification
  • Admin management
  • Theme references (optional)

Example:

Slug

The slug uniquely identifies the menu in your theme.

Example:

Important notes:

  • Slugs are used by themes to render menus
  • The default footer menu usually uses footer-menu
  • Changing the slug may require theme updates

Menu items represent individual links in the footer.

Existing Items

Each item displays:

  • Link title
  • Drag handle for reordering
  • Edit option
  • Delete option

Reordering Menu Items (Drag & Drop)

You can reorder items by:

  1. Clicking the drag handle (☰) next to a menu item
  2. Dragging the item up or down
  3. Dropping it in the desired position

The new order is saved when you click Update.

Adding Menu Items

Click Add menu item to:

  • Choose a link type (page, product, range, blog, external URL)
  • Set the link label
  • Define where the link points

New items appear at the bottom by default and can be reordered.

Editing Menu Items

Click Edit next to a menu item to:

  • Change the link label
  • Update the destination
  • Adjust visibility or behavior (if supported)

Edits apply immediately after saving.

Deleting Menu Items

Click Delete next to a menu item to remove it from the footer.

⚠️ Deleting an item removes it from the storefront navigation.

Click Delete menu to remove the entire footer menu.

Use this carefully:

  • The footer may appear empty
  • Theme layouts may rely on this menu
  • Recommended only if replacing with another menu

Saving Changes

  • Click Update to apply all changes
  • Click Discard to cancel unsaved edits

Changes take effect immediately on the storefront.

Best Practices

  • Keep footer links minimal and useful
  • Include policy pages, contact info, and social links
  • Avoid cluttering the footer with too many items
  • Maintain consistent ordering across languages
  • Do not change the slug unless required

Common Issues & Fixes

Footer links not showing - Verify the menu slug matches the theme configuration - Ensure the menu is assigned to the footer section

Order not updating - Click Update after dragging items - Refresh storefront cache if applicable

Broken links - Edit the menu item and verify the destination - Ensure linked pages still exist

  • Navigation – Main and header menus
  • Pages – Static pages linked in footer
  • Policies – Refund, privacy, and terms pages
  • Themes – Footer layout configuration
  • Translations – Language-specific menus

Next Steps

  • Review footer links for accuracy
  • Add policy and help pages
  • Ensure consistency across desktop and mobile views

The footer menu is a key navigation area that supports trust, usability, and compliance.