Difference between revisions of "How to edit your Store Menus"

From Spiffy Stores Knowledge Base

 
Line 4: Line 4:
  
 
Log in to your Toolbox 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'''.  
 
Log in to your Toolbox 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'''.  
 +
 +
<html>
 +
<iframe src="https://player.vimeo.com/video/523999241?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="1250" height="703" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="simple-theme-mega-menus"></iframe>
 +
</html>
  
 
==== The pre-loaded menus used for each theme are listed below:  ====
 
==== The pre-loaded menus used for each theme are listed below:  ====

Latest revision as of 14:52, 16 September 2022

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 from your Spiffy Stores Toolbox.

Log in to your Toolbox 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
Melbourne* Top menu, footer
Darwin* Top menu, footer
Sydney* Top menu, footer
Vintage* Top menu, footer
Adelaide* Top menu, footer
Simple* Top menu, footer
Bendigo* Top menu, side menu, footer
Georgia* Top menu, footer
Minimal* Main menu, footer

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
    • 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

In most of our themes themes, you can add drop-down menus to 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.