Setup

Sana Commerce 9.3
Your connector

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.

Tab Description
Menus Using this tab you can create a web store navigation. Four types of menus can be created: Main, Sitemap, Footer and My Account.
Facetted filters Using this tab you can set up facetted filters. Using facets customers can filter the products, for example by size, color or brand, on the product list and search results pages.
Search & results Using this tab you can set up search settings. Sana provides search settings that allow searching the products by different keywords, phonetic representation of the keywords pronunciation, to narrow or broaden search results, search by a part of the word.

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

Field  Description
Title  Enter the menu item title. It is shown in the web store menu.
Link  Link the internal page or external URL. To link the internal page you can search for it by title or URL.
You can also create a blank page that will be automatically linked to the menu item and fill it with content later on.
Select the Open in new browser tab checkbox to open the linked internal page or external URL in a new tab or leave it empty to open the page in the same tab.

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.