Modifying the POS screen UI

The user interface of the Point of Sale application is written with the QWeb template. These templates are the client-side QWeb templates and, because of that, you cannot use XPath to modify the elements. The client-side template uses another method to modify existing UI elements. In this recipe, we will learn how you can modify UI elements in the Point of Sale application.

Getting ready

In this recipe, we will be using the pos_demo module created in the Making RPC calls recipe. We will modify the UI of the product card and display the profit margin per product.

How to do it...

...