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

From Spiffy Stores Knowledge Base

m
m
Line 6: Line 6:
  
 
Here you will find a list of your current menus.
 
Here you will find a list of your current menus.
 +
 +
You can add a new menu by clicking on the "add a new menu" button.
  
 
When you create a new menu, you can use any name you like to describe the new menu. However, it is best to choose a short descriptive name.
 
When you create a new menu, you can use any name you like to describe the new menu. However, it is best to choose a short descriptive name.
Line 19: Line 21:
 
Unless you are designing a custom theme, you will probably not need to create any additional menus.
 
Unless you are designing a custom theme, you will probably not need to create any additional menus.
  
=== Top Menu ===
+
=== Top Menu (Handle: top-menu) ===
  
 
This menu would generally be used for some general navigation links at the top of your site. For example, you might find a "Shop Home" link as well as a "View Cart" link.
 
This menu would generally be used for some general navigation links at the top of your site. For example, you might find a "Shop Home" link as well as a "View Cart" link.
  
=== Main Menu ===
+
=== Main Menu (Handle: main-menu) ===
  
 
This menu is your main navigation menu and will contain links to your product collections, blogs and other pages.
 
This menu is your main navigation menu and will contain links to your product collections, blogs and other pages.
Line 29: Line 31:
 
A main menu may appear underneath your top banner or perhaps at the side.
 
A main menu may appear underneath your top banner or perhaps at the side.
  
=== Footer ===
+
=== Footer (Handle: footer) ===
  
 
The footer menu naturally will be placed at the bottom of the page. This usually contains the links to your "Terms and Conditions" and "Privacy" policy pages.
 
The footer menu naturally will be placed at the bottom of the page. This usually contains the links to your "Terms and Conditions" and "Privacy" policy pages.
 +
 +
== Menu Handles ==
 +
 +
Each menu has a name, such as "Top Menu", "Main Menu" or "Footer".
 +
 +
In order to refer to these menus in your theme code, you need to use the menu's "handle". This handle is derived from the menu name by removing all special characters, making all letters lowercase and replacing all spaces with a '-' character.
 +
 +
Therefore, the handle for "Main Menu" is "main-menu".
 +
 +
Similarly "Top Menu" becomes "top-menu" and "Footer" becomes "footer".

Revision as of 11:49, 23 March 2010

You can create and edit your menus by going to the "Store Menus" tab in the Toolbox.

Here you will find a list of your current menus.

You can add a new menu by clicking on the "add a new menu" button.

When you create a new menu, you can use any name you like to describe the new menu. However, it is best to choose a short descriptive name.

Standard Menus

There are three standard menus that you will find that are created for you by default when your store is created.

If a standard menu does not exist, you can create it at any time. However, a standard menu cannot be deleted.

All of the themes in the Theme Gallery use the standard menus, so once you set up a standard menu, you can swap themes without having to make changes to the menu definitions.

Unless you are designing a custom theme, you will probably not need to create any additional menus.

Top Menu (Handle: top-menu)

This menu would generally be used for some general navigation links at the top of your site. For example, you might find a "Shop Home" link as well as a "View Cart" link.

Main Menu (Handle: main-menu)

This menu is your main navigation menu and will contain links to your product collections, blogs and other pages.

A main menu may appear underneath your top banner or perhaps at the side.

Footer (Handle: footer)

The footer menu naturally will be placed at the bottom of the page. This usually contains the links to your "Terms and Conditions" and "Privacy" policy pages.

Menu Handles

Each menu has a name, such as "Top Menu", "Main Menu" or "Footer".

In order to refer to these menus in your theme code, you need to use the menu's "handle". This handle is derived from the menu name by removing all special characters, making all letters lowercase and replacing all spaces with a '-' character.

Therefore, the handle for "Main Menu" is "main-menu".

Similarly "Top Menu" becomes "top-menu" and "Footer" becomes "footer".