Menus

This page describes how to create and display a menu on customer pages. Customer pages are pages that a customer can navigate through to make a reservation.

Location: in configuration mode -> Customer page -> Menus

Multiple menus can be created.
A menu is a set of links that are (usually) displayed at the top of the page.

Menu settings

• Language: the language for which the menu applies
• Include logo: If yes, the default image from the theme will be used
• Logo link(url): this link is used for the logo. A good way to return to the homepage of your own site.
• ALT text logo: use this to put a good description. This is important for (among others) screen readers

Menu items

A menu is nothing without menu items.

Different types of menu items can be used.

• Internal: these are links within the reservation site. Only the relative part of the link needs to be added.
  For example: https://<domein>.i-reserve.net/calendar -> can be set as Internal with value "calendar".
• External: these are links to the outside.
  The entire URL must be included here.
• Type "hidden when logged in" does not show the menu item when the user is logged in
  This allows you to create a button like "Log in"
• Type "hidden when not logged in" does not show the menu item when the user is not logged in
  This allows you to create a button like "Log out"
• Drop-down-menu-open: The start menu item for a drop down menu
• Drop-down-menu-close: The end menu item for a drop down menu
• Drop-down-menu-line: a divider

Drop-down menus are usually used in sets. First an Open, followed by some Internal links and then a Close.

Display menu

There are a few ways to display a menu.

1. Via a theme. Once a menu has been set, open the theme and select the menu.
Every time this theme is now loaded, the menu will be displayed.

2. Via a code in a content block or content page.
In the code of a block or page, the menu can be called via a code like

{ext mod="menu" id="1"}

Where id = 1 must be changed to the correct id. This can be found by moving the mouse over the menu name in the menu overview.