Customizing customer order display using HTML
You can also customize the look and feel of the customer order display via HTML coding. The customization requires a media file that creates the look and feel of the display and supports hyperlinks, section placement and orientation, customized colors, fonts, and graphics, and more.
Note: You must be proficient with the HTML language to customize a customer order display with HTML. Please ask your account manager if you want to see a sample media file or you can access the zipped CustomerOrderDisplayHTML file, where available.
When you create and save a new customer order display, the system creates a new directory in \Bootdrv\AlohaKitchen\CustomerDisplay\n\en, where n corresponds with the kitchen station ID number configured as a customer order display.
The system stores the following files in that directory:
The CustomerOrderDto has the following properties:
|The unique ID of the order.
|The order number.
|The name of the order.
|A number, from 0 to 4, indicating in order; 'Not prepared,' 'Partially prepared,' 'Fully prepared without forecast bin items,' 'Fully prepared,' and 'Served.'
|A label describing the state of the order.
|The seat number.
|The total number of seconds lapsed since the order was routed to the customer order display.
|An indicator to depict if this order is an add-on to another order.
When customizing the customer order display via HTML, you should adhere to the following best practices:
- Keep the design clean and simple so guests can easily find the information they need.
- Most guests only care whether their order is in progress or ready. Creating other sections on the display may lead to confusion.
- Use professional, easy-to-read fonts on the screen.
- Ensure you perform thorough testing.
To customize the customer order display via HTML:
- Navigate to \Bootdrv\AlohaKitchen\customerdisplay\n\en, and copy CustomerDisplay.html.
- Navigate to \Bootdrv\AlohaKitchen\import\CustomerDisplay and paste CustomerDisplay.html.
- function ShowOrUpdateOrder (OrderDto)
- function RemoveOrder (orderID)
- function RemoveOrderAtIndex (index)