Generate Page Navigation

Last Updated: May 27, 2014 04:38PM EDT

ProductCart gives you the ability to create a separate navigation for your content pages. For example, you could have content page navigation at the top, organized horizontally and with drop-down menus, and category/product navigation in your design's left column.

To generate navigation, select Pages > Generate Page Navigation.


Which pages are included
The system will generate an unordered list with all content pages that are: 
  • ​Active
  • Not excluded from the navigation
Both of these settings are discussed in the Manage Content Pages article.

Prepare for jQuery Menu Bar

ProductCart will "prepare" an unordered list of navigation links that are ready to be used with the built-in jQuery menu plugin (ddsmoothmenu). They will then be displayed in your storefront based on the CSS styles the theme you are using includes for the drop down menus. You can choose between two types of menus:

  • jQuery Horizontal Menu Bar
  • jQuery Vertical Menu Bar

Advanced Settings
Of course, you can style and control the navigation using any other navigation script (or no script at all). The advanced settings can help you do just that as they allow you to assign a CSS class to the most relevant elements in the unordered list. ​
  • <UL> Tag ID
    This is often referenced in the JavaScript used to activate the menu.
  • <UL> CSS Class
  • Top-level <LI> CSS Class
  • Top-level <LI> with Sub-Items CSS Class

Generating the menu
When you generate the menu, ProductCart will create the unordered list and save it to a text file located in the pc folder. The file is called cmsNavigationLinks.inc. The raw HTML code is also shown to you in a text area on the page so you can copy and paste it directly in your Web store design, if you wish to.​

If you opted to use the built-in jQuery menu, you will see a link that allows you to preview it. Here are two examples:

Horizontal Menu Bar


Vertical Menu Bar

 
647e99095133bd6d1ae916f97dc7f92f@productcart.desk-mail.com
https://cdn.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete