In addition to moving menu items around, you can also create “sub-menus”. A sub-menu is a menu item that will appear below a menu item if your customer hover’s their mouse over the menu item. For example, in the Menu workspace, if you drag a menu item so that it sits just below and off to the right of the menu item above it, it will become a sub-menu.
Figure 94: Nesting a menu item under another menu item creates a sub-menu
This shows up in your Merchant Shop like in the figure below, when the customer hovers their mouse over the “Home” menu item.
Figure 95: This is how sub-menus appear in your Merchant Shop
It is generally not recommended you create a sub-menu unless it directly relates to the main menu item, adding sub-menus like “German”, “Bavarian”, “Asian” to a “Chocolates” menu item, for example. In this way you can organize your shop by product type and save your shopper a bit of time.
Adding Menu Links
In addition to moving menu items around, you can also add links to your menu from the items on the left hand side of the workspace to the menu you are working on. For example, in order for your customers to have an easier time contacting you, you would like to add the “Contact Us” link to your top menu.
Figure 96: Adding an item to your menu is easy!
Simply find the “Contact Us” page under your “Pages” workspace, place a checkmark in the box and click the “Add to Menu” button. The “Contact Us” page will now show up in your menu structure workspace. You can drag and drop to give it a new location, or drag and offset it to become a sub-menu. You can do the same for any of the items shown in the above figure such as “Links”, “Categories and “Tags”, provided you have created the necessary content.
Figure 97: Adding a menu item in the Edit Menu screen will allow that item to appear in the menu you’re editing
To edit a particular menu item, click the downward arrow next to the “page” label of the menu item. This will expand the options you will have access to, allowing you to edit the specifics of the menu item. In our example above, where we added the “Contact Us” menu item, you’ll notice we have several options we can change.
Figure 98: Menu items have several options that can be changed
The Navigation Label is what will appear as the link on the screen. So if we were to change this from “Contact Us” to “Contact Me”, your menu item would change appropriately.
Figure 99: Changing the Navigation Label will change the appearance of the menu item
The second field is the “Title Attribute”. If you were visiting another web page and hold your mouse over a link on that page, it most likely will show you that link’s address as it would appear on the web in your browser’s web address window. By setting the title attribute, in this case to “Contact Us” instead of leaving it blank, when the user hovers their mouse over “Contact Us”, they will see the text you’ve placed in the title attribute instead of the web address.
Underneath the Navigation label and Title Attribute are several quick links that can help you quickly place a menu item where you would like under the heading of “move”. The first link, “Up One”, will easily move your menu item above the one that currently resides above it (thus sliding your menu item to the left as it appears on your Merchant Shop). Next, the “Down One” will perform the same task, only moving the menu item down below the one residing below it (thus sliding the menu item to the right as it appears in your merchant shop). The next link will suggest a menu item under which to move the current menu item and the last link will simply move your menu item to the top (or all the way to the left as it appears in your Merchant Shop) or the bottom (If your menu item is already at the top).
Just below this area is a small box labeled “original”. Clicking the link next to this label will reset the current menu item back to where it was, before you started to make any changes.
Lastly, you can remove a menu item by clicking the “Remove” link at the bottom of the workspace, or cancel any changes you’ve made before saving.
Any menu item that resides in either of the default menus, the Top Menu or the Primary Menu are top level pages, meaning pages that are important enough that you will create a menu item for them. At the bottom of this workspace, there are a few more options. The first, “Automatically add new top-level pages to this menu” will add a menu item automatically any time you add a page that you give priority as a top level page. This can be done when adding a new page to the “Pages” menu item on the sidebar, which we will go through in a later chapter.
Under the “Theme Locations”, you can decide where each menu will show up in your Merchant Shop. If you are currently editing the Top Menu, and you select “Primary Menu”, your menu will show up just under your Merchant Shop title or graphic. If you uncheck both, this menu will not appear anywhere within your Merchant Shop. If both are selected, this menu will show up in both locations for Top menu and Primary menu. It is recommended by NuggetWeb.com that you select one or the other locations for your menus, as tying them both into a single location can make your Merchant Shop seem crowded.
If you’ve made any changes to your menu, you will want to make sure to click the “Save Menu” button before editing another menu or browsing away from this settings screen. As noted earlier, many of the items you’ll need for your NuggetWeb.com shop have already been created for you, you will simply need to customize those items to suit your needs. This includes your menu items (which will work quite well by using the defaults) or any pages you will need to use for your merchant shop.