Reference information - Navigation

Edit on GitHub

This article describes the navigation node types.


Navigation nodes can be of different types:

Node Type Node Description
Label
Label
Labels do not link to any specific URL; they are used for grouping other items accessed from the menu.
Category
Category
Category is used to link an existing category you have to the navigation node. A category must exist in the Category section.
CMS Page
CMS page
CMS page can be assigned to a node. A CMS page must exist in the Content Management > Pages section.
External URL
External URL
External URL is a link that is typically opened in a new tab.
Link
Link
Link to internal pages, i.e. login, registration, etc.
Depending on the type of the node there is various node related information that can be managed:
  • Localized title (all types of nodes): This is the name of the node exactly how it will be displayed in the store (for example if you link a category to your node, the node name can be even different from the name of the category).
  • Localized custom CSS class (all types of nodes): If the class is defined in the shop, then a correct class reference will define the look and feel of the node. This is also localized, which means that for different locales you can have different appearances for the same node.
  • Active/not active (all types of nodes): If necessary, you can also completely deactivate a node. This will also make the node and the nodes below it invisible in your shop for as long as it’s inactive.
  • Localized category URL (only for “Category” type): When you are assigning a category, to the node you can search by the category name to select the correct category URL you want to assign. Keep in mind that this also is localized information, so for multiple locales, you will need to make sure that you select the same category for all locales. If your category has multiple parents in the category tree, the same category can have different URLs. In this case, you will need to pick one of those URLs.
  • Localized CMS page URL (only for “CMS” type): When you are assigning a CMS page to the node, you can search by the CMS page name to select the correct CMS page URL you want to assign. Keep in mind that this is also localized information, so for multiple locales you will need to make sure that you select the same CMS page for all locales.
  • Link (only for “Link” type): This is the relative path of your internal link. For example, if you would like to link a login page that is under “/login”, then this is exactly what you will use as an input for the Link field.
  • External URL (only for “External URL” type): If you would like to link an external URL to your nodes, you will use this field to define the absolute URL. This could be used, for example, to link your corporate websites page in your shop. Unlike internal links, the URL of the external link should be absolute which means it needs to include the protocol as well as domain, e.g. https://mydomain.com/page