Edit a menu

The menu editor is in back office -> items -> menus

The first menu is usually the main menu for terminals. Select the first menu and click the edit button to make changes.

The menu editor is divided into several sections: menu size settings, item selection area, item button area, menu button area and button settings. When the mouse cursor hovers over a setting, a help message of its function will show up.

Menu size settings:

1. Item Size 

This is the width of the item area in ratio with the menu area. For example, an item size of 8 and a menu size of 4 mean the ratio of the width is 2:1. Here only the ratio of the item size and menu size matters. For example, a ratio of 1:1 looks the same as 10:10. 

2. Menu Size 

This is the width of the menu area in ratio with the item area. 

3. Item Rows 

The number of rows shows in the item area. The bigger the item rows are, the narrower each row is. 

4. Item Columns 

The number of the columns shows in the item area. The bigger the item columns are, the narrower each column is. 

5. Button Corner Radius 

This is the corner radius of all buttons. A bigger value makes the button look more like a circle. 

6. Item# Font Size 

This is the font size of the item number that is shown on the button (if there is an item number). 

Item button settings

1. ‘+’ button

Add a selected item/tender/discount/function to the item area.

2. << and >> button

Move the selected button left or right. It is only useful when there is one button on the screen. If there are more buttons, it will scramble the button layout. In this case, it is recommended to use the mouse to drag the buttons around.

3.   button

Attach a picture to the selected button.

4. button

Change the font of a selected button.

5. button

Change the font of the selected buttons to default.

6. button

Delete a button.

7. Item row span

This is the number of rows that the selected button will take up.

8. Item col span

This is the number of columns that the selected button will take up.

9. Item name

This is the name of the button shown on the screen.

10. Item description

This is the description of the button and it does not show on the screen.

11. Require manager approval

If this is checked, the button can only be used by a manager. If a cashier tries it, a pop up message of ‘You do not have the security privilege to access this page’ will show.

12. Change button color

Select a button and pick up a color in the palette on the left side.

Menu button settings

The iconic buttons in this section works the same way as the ones in the item button setting section.

1. +’ button

Add a selected item/tender/discount/function to the menu area.

2. << and >> button

Move the selected button left or right. It is only useful when there is one button on the screen. If there are more buttons, it will scramble the button layout. In this case, it is recommended to use the mouse to drag the buttons around.

3.   button

Attach a picture to the selected button.

4. button

Change the font of a selected button.

5. button

Change the font of the selected buttons to default.

6. button

Delete a button.

7. Menu rows

This is the number of rows shown in the menu area. A bigger number decreases the height of all menu buttons.

8. Menu Columns

This is the number of columns shown in the menu area. A bigger number decreases the width of all menu buttons.

9. Menu row Span

This is the number of rows that a selected menu button will take up.

10. Menu Col Span

This is the number of columns that a selected menu button will take up.

11. Menu Name

This is the name of the menu button shown on the screen.

12. Menu Description

This is the description of the menu button. It is not shown on the screen.

13. Require Manager Approval

If this is checked, only managers can use this button. Cashier will get a pop up message saying ‘You do not have the security privilege to access this page’.

14. Change button color

Select a button and pick up a color in the palette on the right side.

Tag: menu editing