Setup

Navigation

How well your web store navigates is critical to your customers' satisfaction. If your web store is disorganized, you are going to hinder the success of your business. So, to give your customers easier access to particular pages and catalog, you must create web store navigation.

In Sana Admin you can create four types of menus: Main, Sitemap, Footer and My Account.

To create a web store navigation in Sana Admin, click: Setup > Navigation & search.

The table below provides the description of the tabs on the page Navigation & search.

For more information about facetted filters and search settings, see "Search".

Create a web store navigation

Step 1: In Sana Admin click: Setup > Navigation & search > Menus.

On the Menus tab, you can create four types of menus: Main, Sitemap, Footer and My Account.

Step 2: Expand the necessary menu and click New item to create a new menu item.

Creation of the menus is completely the same, regardless of its type.

The only difference is that in the Main menu section you can also enable or disable the breadcrumb and change the main menu presentation. The main menu is also used for the breadcrumb and on the product pages for linking a product to the related main navigation item.

When the Breadcrumb option is enabled, the path on where a customer navigates within the web store will be shown under the main menu.

Use the Multi-column presentation option to change the presentation of the main menu in the web store.

Below you can see how the main menu looks like when the option Multi-column presentation is enabled.

If you use Multi-column presentation for the main menu, you can also show the View more link in the main menu. It is shown under the navigation items of the third level and refers to the same link which is specified for the navigation item of the second level.

Below you can see how the main menu looks like when the option Multi-column presentation is disabled.

Product categories together with the assigned products can be imported from your ERP system to Sana, to automatically build the main menu of your web store and catalog.

For more information about how to import product categories from your ERP system, see "ERP Integration".

The tables below provide the description of the menu item fields.

Basics

Advanced

Field	Description
Item visibility	Set visibility of a menu item. Enable Item visibility to make the menu item visible in the web store or disable to hide it. Invisible menu items are of a grey color with the icon .
Image	Add an image to a menu item. When you add an image to a parent menu item and link an internal page or external URL to the image, it will be used as navigation item in the main menu, if Multi-column presentation is enabled. When child menu items have images and the page that contains the Child menu items content element is linked to the parent menu item, then these images will be shown on the linked page as blocks by three in a row. A customer can click on the image to open the related page. Image link for the images added to the child menu items in the navigation is not used. For more information about child menu items content element, see "Child Menu Items".
Customer segments	Using customer segments you can create personalized content. By assigning a customer segment to the menu item you can show any menu item to the target audience. This means that only those customers who are in the customer segment will be able to see the menu item. If you assign a customer segment to a navigation item, then you will see the icon . This way a user can see an overview of all navigation items on a page to which customer segments are assigned and don't need to check the settings of each navigation item. For more information, see "Customer Segments".
Additional CSS class or space-separated classes	You can add additional CSS class or space-separated classes to the menu item. By adding custom CSS classes to the menu items you can change the style of any individual item. For example, you can change the color of the menu item or use different dimensions for the menu item images. To change the style of a certain menu item you can add a custom CSS class and then add the necessary style using HTML injections in Sana Admin, a design pack or Sana Commerce SDK.

You can change the order in which you want menu items to be shown in the menu by dragging and dropping them. You can also change the levels of menu items, either make it as a parent item or as a child menu item to the one of the higher level. Main navigation can be of multiple levels. If you need to add a subitem, hover over the menu item to which you want to add a subitem and click New subitem .

From the menu items list you can edit or delete any menu item. You can also change the linked page, view it in the web store or edit the internal linked page (except system pages) directly from the menu items list. Hover over the menu item to see the Link, Edit and Delete buttons.

Translate a menu item

If your web store is multilingual, you can translate any existing menu item. Hover over the menu item that you want to translate and click Edit.

From the language dropdown list select the language you want to translate the menu item to. When the language is selected, the menu item page is presented in two columns. The first column holds the menu item content in the default language (English) and it is not editable, while in the second column you can provide translation to the menu item title.

You can also inherit the linked page (internal page or external URL) from the source menu item or add a new one, as well as set visibility and change the image for the translated menu item. If the image is not specified, the default one from the source menu item will be used.