Voucher Page
Users need to click “Voucher Code” in order to access the vouchers page.

Apply Voucher
Users can apply vouchers either by selection or inputting voucher code via input field.
Selection

Input Field
to be updated later
Successful Application
If voucher is successfully applied, voucher code and amount will be displayed.
Customer Screen

Cashier Screen

Invalid Cases
There are 3 invalid cases:
- Voucher only eligible for selected items
- Voucher does not reach minimum required spend
- Other invalid case.
Ineligible vouchers for this order are greyed out and cannot be selected.

Remove Voucher
User need to remove current voucher before being able to select another voucher to apply.

If user try to apply voucher without removing, there will be an error message “Please remove the selected voucher first.”
No Voucher Available
If there are no available vouchers, there will be a message “Looks like you don’t have any vouchers right now.”

