Menus and navigation

With Shoporama's menu builder, you can build the navigation of your online store exactly the way you want it. You can create multiple menus, place them in different locations on the page and organize them in a hierarchy with top menus and sub-menus.

Overview of your menus

Under Design → Menus you will find an overview of all the menus you have created. For each menu, the name and the position selected (top, bottom, left side or right side) is shown. Click on a menu to edit it.

Create a new menu

Click Create new menu and give the menu a name. The name is used internally to keep track of your menus and does not necessarily appear on the front page. Once you click Create, the edit view opens where you can add menu items and configure the menu further.

Menu settings

In the edit view, you can set the following for a menu:

• Name - the internal name of the menu.
• Tag - a short technical identifier (automatically generated from the name) that your template uses to retrieve and display the menu in the correct place on the page.
• Submenu to - here you can choose for this menu to be a submenu of another menu, allowing you to build a hierarchy of menus.
• Location - choose whether to place the menu at the top, bottom, left or right. Note that this requires your theme to support the chosen location.

Add menu items

At the bottom of the editor view, select the type of menu item you want to add and then click Add. The following types are available:

• Category - link to a product category in your online shop.
• Product - link directly to a specific product.
• Landing page - link to one of your landing pages.
• Static page - link to a static page (e.g. "About us" or "Terms and conditions").
• Blog post - link to a specific blog post.
• Link - a free URL you set yourself - e.g. an external link or a specific address on your webshop.
• Menu item (submenu) - insert another menu as a menu item so you can create dropdowns and subnavigation.

For each menu item you can specify:

• Title - the text that appears in the menu. If you leave this field empty, the item's own name (e.g. the category name or product name) is used automatically.
• HTML class - an optional CSS class that is added to the menu item if your theme supports it.
• Value - the category, product, page or URL that the menu item should link to.

Sorting with drag-and-drop

You can change the order of the menu items by dragging and dropping them with drag-and-drop. Click and hold the small handle(≡) to the left of a menu item and drag it to the desired position. The order is automatically saved immediately - no need to click Save.

Hierarchy and sub-menus

You can build a hierarchy in two ways:

1. Menu as a submenu of another menu - in the menu settings you can choose that this menu is a submenu of another menu. This gives a tree structure to the menu overview and allows you to organize menus into groups.
2. Insert a menu as a menu item - by adding a menu item of type "Menu item", you can insert an entire other menu as a sub-item in the current menu. The theme can then display this as a dropdown menu.

Changing the URL of menu items

Shoporama saves the URL of the pages you add to your menus for speed reasons. This means that if you subsequently change the URL of a category, product or page, you need to open that menu and save it again for the menu URL to be updated.

Delete a menu

At the bottom of the edit view, you will find the Delete entire menu button. Note that deletion cannot be undone. Single menu items are deleted by clicking Delete next to the menu item and then saving the menu.