User GuideContent


Sana Commerce 8.3
Your provider


Using the 'Navigation' option you can create custom navigation structure for the webshop. Navigation editor allows to link the pages to the navigation items and edit them to build a fully functional webshop navigation.

When you create a new navigation tree you can select a language. After saving, this language is fixed and cannot be changed. This means that you have a language-related tree.

The navigation can be configured in the backoffice at the following location: Content -> Navigation.

Four types of navigation can be created: Top, Left, Sitemap and Footer. Each type of navigation corresponds to the location where the menu is shown on the webshop.

The group code must be set in the backoffice for the appropriate type of navigation.

In the default theme of the Sana Commerce webshop there will be only up to 3 levels presented. But within the navigation tree you can create unlimited levels.
More information about navigation settings and their configuration can be found here.

The overall structure of the navigation is presented as a tree. The names of the invisible items have the grey colour:

The Navigation Tree

The navigation tree can be managed using the toolbar or context menu.

The table below provides the description of the toolbar functionality:

Button Description
Create a new navigation item. Each new navigation item is created as a subitem of the selected one.
Import item (product) categories with item groups from the related database (SQL, NAV or AX) depending on your provider. Only item (product) categories which are set to 'Visible in Webshop' and contain items can be imported. If item categories have been already imported they can be updated or replaced.

If you need to create navigation for different languages do not import item categories and product groups from NAV (item groups or product categories from AX) for each language. Only import it to the base language and then copy the navigation tree to the other languages and translate the navigation items.

Delete an item.
Change position of an item within one level in the navigation tree.
Change the navigation level of an item.

The navigation tree structure can also be created and managed using the context menu.

In addition to the toolbar functionality you can also delete navigation item and related page from the context menu.
It is impossible to delete an external page, so if the external URL is linked to the navigation item. The navigation item itself can be deleted but not with a related page.

You can also delete the navigation item with subitems.
When you delete navigation item that contains the subitems a warning message is shown: 'This navigation item contains subitems. Are you sure you want to delete this navigation item and all related subitems?'

The navigation item editor is presented to the right from the navigation tree (see the screenshot below). By using it you can:

  • Edit the title of the navigation item;
  • Link the external URL or internal page to the navigation item;
  • Edit the selected internal page, except the system pages;
  • Set in the 'Target' dropdown whether to open the page in the same or new window;
  • Set the visibility of an item;
  • Select an image for each navigation item. These images are used when a product landing page is linked to the navigation and this product landing page has the property 'Show categories' enabled.

    Editing the Navigation Item

For more information about each type of the internal pages please read the 'Content' section.

User GuideContent