Navigation Menus

Overview

The navigation menu is a shortcut menu that lets you access desired areas using the side/top navigation menu. What appears in these menus can be customized based upon where the page you, or the user, happen to be working on: Admin, Commerce, Quick Registration, Subheader and Subfooter.

There are default menus for each user type, but you can customize these by adding custom links or hiding default links. Navigation menus can be customized with the links you want to display in the sidebar or top navigation bar. You can add, reorder, hide, or delete links. External links can be added to default link sets, and you can designate a unique link set for each user type.

ClosedNavigation Menu Descriptions

ClosedAlta Navigation Overview

Administration

ClosedSetting the Navigation

  1. Navigate to: Admin > Styles and Templates > Navigation Menus
  2. Select a navigation option: 

    Navigation Menus page

    ClosedTop Navigation: Navigation menu will appear above the administration and user UI.

    ClosedSide Navigation: Navigation menus will appear to the left of the administration and user UI.

    ClosedAlta Navigation Enables Alta Navigation and branding area. The first six navigation links will display as icons in the header, the remaining links will display in the User Menu.

  3. Click Set.

ClosedManaging Navigation Menus

  1. Navigate to: Admin > Styles and Templates > Navigation Menus
  2. Click List Links next to the menu you'd like to edit.
  3. Click one of the following: 
    • Internal Tab
    • User Defined Tab
    • Customize Menus

ClosedCustomizing Menus

Use this area to set the company/user type that can access this menu. You will also hide or show links here.

  1. Click  Customize Menus on the Internal Tab or User Defined tab.
  2. Choose a Company Type and User Type and click Go.
  3. Do one of the following: 
    • To hide a default link: Select the navigation item you want to hide from desired section and click Hide. Click Update.
    • To add a default link: Under the Hide Links section, select a link and click Add. Click Update.
    • To remove a default link: Under the Hide Links section, select a link and click Remove Association. Click Update.
  4. Modify which columns are displayed in the Top Navigation and Side Navigation tabs:
    • Select the required tab.
    • Determine the column width. The sum of the column widths cannot exceed 100%.
    • Select the field that needs to be moved up or down in the column and use the upward and downward key combination to make the desired changes.
    • Select the field that needs to be moved to the other column and use the move to and move from key combination to make the desired changes.
    • To hide a displayed field, select it, and click Hide.

      Customize links for Admins page

  5. Click Add to add a custom link to the menu, if available.
  6. Click Update after doing necessary changes
  7. Click Back and this will take you to the Navigation Menu page. Click Deploy to deploy.

ClosedEditing Menu Links: Internal or User-Defined Tab

The Internal tab contains all the navigation items that are built-in.

  1. Click List Links next to one of the navigation menus.
  2. Click on the Internal or User-Defined tab.
  3. Click Edit next to a corresponding link. When you click Edit against an item, the corresponding Link Editor page is displayed.

    Link Editor

  4. Manage the following settings: 
    • Show As:  You can either show the item as a link or tab.
    • Display:  Choose how to display the item, if you chose Show As: Link.
    • Icon Position:  If you selected Both, you will need to decide if the icon should display to the left or right of the label.
    • Icon File: Click Browse to select an image to display next to the icon. This is if you chose to display the link as an icon.
  5. Click Update to save your changes and return to the Navigation Items List for the menu you are working on.

ClosedAdding a Custom Link: User-Defined Tab

  1. Click List Links next to one of the navigation menus.

  2. Click the User-Defined tab.
  3. Click Add to add a navigation item.
  4. Enter the Label and the URL.
  5. Click Add.

    To delete user-defined links, select the links to be deleted and click Delete.

ClosedCustomize Current Session Language Selection by User Type

ClosedTranslations

  1. Click Translations to open a dialog where you can enter text language translations for supported languages.
  2. Click Save to save translations in the system and continue entering translations.
  3. Click Save and Close to save entered translations and close dialog. Click Close to close dialog without saving.

ClosedEditing the Stylesheet

ClosedDeploying the Navigation Menus

  1. Navigate to: Admin Home Page > General > Navigation Menus.
  2. Make edits to any navigation menus and their links.
  3. Click Deploy on the Navigation Menus page.

    • Styling changes for the Top Navigation and Side Navigation must be deployed in order to take effect.
    • Styling modifications for the JET UI take effect immediately and do not require either deployment or a refresh of browser cache.

Notes

  • When using top navigation for your site, the sidebar background color should be set to white (FFFFFF) and the text should be a dark, high-contrast color.
  • After updating links, remember to deploy the navigation menu on the Navigation Menu List page.
  • Through the use of custom links, user types cannot be granted access rights to areas of the commerce system that they do not have default access to.
  • Customization of menu links can occur in: Admin, Commerce, Quick Registration, Subfooters, and Subheaders.
  • When a link is deleted from the system, it is also removed from all menus.
  • User types cannot be granted access rights to additional areas of the commerce system through the use of links.

Related Topics

Related Topics Link IconSee Also