Ch. 044 Setting the Navigation in your sites "Updated for v6"

PRESSERO > Pressero Documentation Manual

Setting your site Navigation

Each of the Pressero skins has 4 areas of site navigation. In each of the individual sites you will find a navigation link that allows you to customize what options are in each of the navigation menus. To get to this area, go to: Admin > Sites > Choose site > Navigation. 

 
The image below shows Menu 1 (top), Menu 2 (side), and Menu 3 (also on the side). See next image below for Menu 4 (bottom of site page). Menu 2 and 3 will always be on the side but depending on the skin you choose, they may both be on the left one on top of the other, or they will be split on opposite sides like this example shows (3 column page format). 
 
 
 
Below image shows Menu 4 at the bottom of the site page. 
 
 
 

 

Learning your way around the Admin Navigation area

 
Refer to the image above for a description of each area: 
 
A)  This is a list of the current navigation setup. You can see what navigation items are in each of the four menus and what order they are in. If you delete an item from one of the menus it is only deleting the navigation link from the sites menu, not from the admin area. Do not worry about deleting items from here, you can add them back any time. NOTE: Do not delete the actual menu folders. Leaving it empty is all you need to do in order not to have that navigation area. 
 
B) This is a list of the available items that can be added to the menus. You will simply drag/drop the available items over to the menu of your choice. 
 
C) Product Catalog Root. The root category for a site is by default the Home Page for a site with eCommerce. This is the page that displays your Categories and Products. Drag this link to a menu and it will link the buyer back to your Home (root) page when they select it. When you pull it over the link will be "Product Catalog Root"... by double clicking on the name you can rename it to "Products" or "Product Catalog" as an example. 
 
D) Individual Categories and Products. This is a folder that contains all your categories and products. There are times you may want to list all the categories in the navigation, or list the actual products instead of just a link to the root page. 
 
E) This is a category icon. Drag this to a menu and the link will go directly to that category page that will display all the products in that category. 
 
F) This is a product icon. Drag the individual products to a navigation and your buyer can click on a product icon and go directly to the product page.  This is popular when there are not many actual products and you have no categories... the customer can see a list of products you offer and go directly to order them. 
 
G) Content Pages. Whenever you create a custom page in Admin > Sites > Site > Pages, the new page will be added here. You can drag over the page to one of your navigation menus so the customer can link to the page. 
  • Renaming a page in the Menu can very helpful for Pages that use keyword-rich page titles for SEO could be too wordy for use in a menu.
H. External URL. If you need to provide a link to a website outside of Pressero, you can use this item. Drag it over to the menu that you would like it to appear in. Important step: Click on the external link once and notice that a new area becomes available under Selected Item Options. Here you can name the External URL (the name of the link you want to display in the site), and you then need to set the URL. Input an absolute (http://mysite.com) or relative (/page/mypage) URL. Any URL beginning with a protocol (http: or https:) will open in a new browser tab. If you want an absolute URL to open in the current tab, just remove the protocol (//mysite.com).
 
Adding a Blog to a Site. A blog link can be added to a Navigation menu as either an External URL (to say, a WordPress or Blogger page), or as Content Page you created within the site.
 
 
I) Standard Items - Each type of site (B2B, B2C and Informational) will have their own set of Standard items you might want to add to your websites.
  • If a B2B customer uses the Login on your Retail Site, they will be logged into the Retail Site (assuming they have an account there). They should use the B2B site's web address to login there, or you can add a direct link to their B2B on your Retail site. 
  • RSS Feed. You can add an RSS Feed to a Menu. This enables visitors to “subscribe” to your website. Using an RSS Reader application in their web browser, the visitor will get updates when you change, add new content. For more, see http://en.wikipedia.org/wiki/RSS.
 
 

Adding items to a Menu

You have complete control over the items that display in a Navigation Menu in your Site, the order in which the items display, and the name the items display in the Menu.
  • In the  Available Navigation Items folder are items that can be added to any Menu. Subfolders contain more items.
  • Add an item to any Menu by dragging it to the Menu.
  • Position items in a Menu by dragging them up or down to the desired position.
  • Rename items by double-clicking them.
  • Delete items in a Menu that are unwanted by selecting the unwanted item, click the delete button and then save the changes.
  • Save before leaving the page or changes will be lost.
  • If you rename a product or page, etc. you will need to update it in the navigation area as well. The available items will be automatically updated but not the items already added to the navigation tree. 

Setting Menu Depth 

The Depth setting controls the maximum number of submenus a Menu item may display. By default, the Depth is set to zero (0)–no submenus. If a Category item is placed in Menu 1 and it is a Parent to other Categories (Subcategories have been assigned to it), a Depth setting of 0 will result in the Category name displaying. A depth setting of 1 will result in the Subcategories being listed in a secondary menu when you hold the cursor over the Parent Category item. If a Parent Category is placed in Menu 2 or Menu 3 instead, a Depth setting of 1 will result in the Subcategories being automatically displayed in the menu (no cursor hovering needed) for the nonresponsive skins. You would still require to hover your mouse to see the Subcategories, if you have chosen a responsive skin for your site
 
To access a Menu item's Depth setting, click the item. A Depth box will display at the right side of the page. Enter 1 if applicable, Save. Check the "Include Products" box if the Parent Category contains both Subcategories as well as Products. Setting the Depth to 1 for an item that is not a Parent will have no effect. 



The example below shows a site that has a depth setting for the Product Catalog Root renamed "Products" and because we see both the list of categories in the root folder AND the product inside the brochure category, we know that the "Include Products" button was also selected. The menu will display this way when you hover over the link in the top (menu 1 and 4), in menu 2 and 3 the items will be listed in a navigation type tree with the Product Label at the top, the categories below that set in a table format and then products under the categories. 


 

Adding A Submenu

A submenu is similar to depth for product categories but it can be used to customize a folder of other pages, links, etc. If you have a category of pages you've created and don't want to list every one of them in a navigation menu, you can nest them inside on folder you create from the "Submenu" option. 
 
 

 

Here is a submenu in admin. Drag the submenu option from the right side over to a menu of your choice. Rename the folder to what you want to see display in the site (Integrated Workflow is the example below). Then drag the available items over to that folder. You can sort them in any order you want shown. 

 

 
 
When creating submenus:
    • Save after creating each submenu.
    • Use a unique name for each submenu. Do not name any submenus the same name, even if they are under different parent menus or submenus.
    • Create the submenu structure first, saving on the way, then add items to it.

Knowledge Base articles related to the Navigation area

 
 
 
Keywords: Catalogue, Catalog, Navigation