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.
The system will generate an unordered list with all content pages that are:
Which pages are included
- Not excluded from the navigation
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
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
- <UL> CSS Class
- Top-level <LI> CSS Class
- Top-level <LI> with Sub-Items CSS Class
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.
Generating the menu
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