Summary
This article explains how to add images to buttons in WaiterMate, making it easier for staff to identify products. This feature is particularly useful in fast-paced environments like bars and restaurants using 'fast screens'.
Step 1 - Creating or Editing the Images
-
The image needs to be created using external software, such as photoshop.
-
The image will replace the entire button image, so it should include any necessary text or description on the button. For example, when creating an image for a beer on tap available in both Pot and Pint sizes, the word 'Pot' or 'Pint' should be included in the image itself.
-
The image should match the size of the button or be smaller. This will depend on how the individual display properties are configured in OfficeMate.
- If the image is smaller than the button, the original button will still be visible, and the new image will be centered within it
- if the image is larger than the button only the centre of the image will be displayed
- Save the image in either .jpg or .png format.
Handy Tip: ensure that the saved file name does not contain spaces or symbols.
Step 2 - Saving the Images
- Once the image is created, it will must be saved in the webstart directory on a terminal.
- The path should be:
C:\Program Files\OrderMate\Apache Group\htdocs\Webstart - As shown below for the example image e.g. Asahi_grey.jpg
Step 3 - Assigning the Image to the Item in OfficeMate
- Navigate to the 'Items' screen in OfficeMate. From this screen choose show extended view to show the 'Icon' column.
- Type the following path into the field: http://computer name/webstart/image name and file extension.
- Eg: http://ordermate/webstart/Asahi_grey.jpg (as shown below)
Handy Tip: to determine the computer name right click on 'My Computer' and select 'Properties'
Step 4 - Viewing the image in WaiterMate
- After making the changes, WaiterMate will need to be restarted.
- Once restarted, the image will appear on the ordering screen as per the configuration.
