How to create and edit your store menus

From Spiffy Stores Knowledge Base

Revision as of 14:51, 16 September 2022 by Shawn (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

You need to link the different store sections that you create, like your collections or your blog, to your navigation menus, or they won’t show up on your website.

Store menus are edited in your store's admin area.

Log in to your admin area and click on the Store Menus tab to access the four standard menus that Spiffy Stores use - Top Menu, Main Menu, Side Menu and Footer.

The pre-loaded menus used for each theme are listed below:

Theme Default menus
Simple* Top menu, footer
Melbourne* Top menu, footer
Adelaide* Top menu, footer
Darwin* Top menu, footer
Bendigo* Top menu, footer
Sydney* Top menu, footer
Vintage* Top menu, footer
Georgia* Top menu, footer
Antiqua Top menu, side menu, footer
Minimal* Main menu, footer
Dream* Main menu, side menu, footer
Seattle* Main menu, side menu, footer
Showtime* Main menu, footer
Fresh Top menu, side menu, footer

(* You can change which menu appears in the header section of your site if you are using the Simple, Melbourne, Adelaide, Sydney, Darwin, Bendigo, Vintage, Georgia, Minimal, Dream, Seattle or Showtime themes. Go to Design & Assets > Theme editor and change which menu is used in the Store Header options under Theme Settings.)

How to add an item to a menu

  1. Click the “+ Add New Menu Item” link under the relevant standard menu section on the left (NOT the orange “add a new menu” button on the right).
  2. In the box that appears, type a short descriptive title in the Name of New Menu Item field. This is the title that will appear in your menu.
  3. Underneath, select the link you want to create from the drop-down box. You have a choice of linking to:
    • Store Front Page - your store homepage
    • Product Collection - one of the collections you have created
    • Product - one of the products you have loaded
    • Page - any page you have created in the "Pages & Blogs" section
    • Blog - any blog you have created in the "Pages & Blogs" section
    • Search Page - access to the search function
    • Collections Page - the page that lists all of the collections in your store
    • Web Address - any internal or external URL. Just enter the web address in the text field. If you want to link to another part of your store, just enter the relative path.
  4. Select the page you want to link to (if you have selected Product, Collection, Page or Blog).
  5. If you choose Product Collection, you can also filter the collection by the tags you have added to your products. Click on the grey “Click to add filter tags…” link and type the specific tags in the box that appears.
  6. Click the “Add item” button to finish and save your changes.

How to re-order your menu items

  • Click on the “(Reorder)” link next to the standard menu title on the left side.
  • Click and drag the item up or down by the cross icon to change the order.
  • Click on the “(Done reordering)” link at the top to finish and save your changes.

How to make a drop down menu

Most of our themes (except the Fresh and Antiqua themes) allow to you have drop down menus in the top menu of your store.

  • Click on the “(Reorder)” link next to the standard menu title on the left side.
  • Click and hold on the cross icon next to the item you want in the drop-down.
  • Drag the item to the right. It will indent from the left margin to show it’s now a sub-item and will appear as a drop-down menu.
  • Click on the “(Done reordering)” link at the top to finish and save your changes.

How to delete a menu item

  • Click on the rubbish bin icon on the right-hand side of the menu item line.

If you need a bit more detail on editing your store menus, you may find this page useful. How to edit your Store Menus