Adding a custom icon to the POS Navbar in Odoo 18

Odoo 18 has many features and improvements. This makes it easier than ever to customize your Point of Sale (PoS) system to your specific business needs. One of the most common customizations business owners want to do is to improve the user experience by adding icons to the navigation bar (navbar) in the PoS interface. Adding icons helps improve the user experience and makes the interface more intuitive and visually appealing.

Enhance your Odoo18 PoS experience by adding custom icons to the navbar. Here’s how.

Custom Icons for Your Odoo 18 PoS Navbar

“Follow these steps to create a system tray icon and assign an action: 1. Create a directory. 2. Add a ‘static’ folder. 3. Place ‘JS’ and ‘XML’ folders inside ‘static’.”

Xml code:

Also in this XML file we have put a template for our custom icon (NavIcon) and added the option to modify the default POS navbar (Navbar).

Next is to create the related JavaScript file enabling functionality for our custom icon.

This JavaScript file defines the behavior for our custom icon In this case when clicking the icon the time pops up.

It then returns updated method to be used inside the application. Finally all files are added to “manifest. py” file for right integration.

When you ‘re finished with your icon template, it should look like this.

A popup should be displayed when the button is clicked.

With Odoo18 you have the possibility to add an icon to the PoS navbar to improve your user experience and make your Point of Sale interface more intuitive and attractive. With the flexibility of Odoo you will be able to control the navbar via QWeb templates and with JavaScript pretty easily.

Follow these steps to customise your POS interface so it better serves your business’s needs. Whether you’re adding quick access to settings, promotions or any custom features you want, the ability to add icons gives you the flexibility to create a powerful and intuitive PoS experience. for more support

Odoo18 PoS icon customization improves the user experience and to fully optimize Odoo for your business Schedule your free Odoo consultation with us now.