All Posts คน เหรียญรางวัล

แท็ก (View all)

เกี่ยวกับฟอรั่มนี้

ช่วยเหลือ

Can I overwrite the “Order” button on the PoS?

pos point_of_sale owl 18.0

1 ตอบกลับ

1601 มุมมอง

NELSON ALEXANDER DIAZ DE LA CRUZ

The goal is to customize the PoS interface so that the existing “Order” button (or a new adjacent button) can be overridden or extended to trigger a custom behavior: when the button is clicked, a popup window should open with a text input field. The cashier or waiter can type information such as the name of the person placing the order into this field. After entering the text and clicking “OK”, the popup should close and the order can then be confirmed as usual.

Odoo version: 18

Codesphere Tech

Hello,
You can use kitchen note or customer note for this. Is it not feasible for you?

Cybrosys Techno Solutions Pvt.Ltd

Hi,

You need to do three things:

1- Create a custom popup (text input)

2- Extend the Order/Validate button behavior

3- Store the entered text on the POS order

* Create a custom popup (Text Input)

--> static/src/js/OrderNamePopup.js

import { AbstractAwaitablePopup } from "@point_of_sale/app/popup/abstract_awaitable_popup";

import { registry } from "@web/core/registry";

export class OrderNamePopup extends AbstractAwaitablePopup {

setup() {

super.setup();

this.orderName = "";

}

confirm() {

this.resolve({ confirmed: true, value: this.orderName });

}

cancel() {

this.resolve({ confirmed: false });

}

OrderNamePopup.template = "OrderNamePopup";

registry.category("popups").add("OrderNamePopup", OrderNamePopup);

--> static/src/xml/OrderNamePopup.xml

<?xml version="1.0" encoding="UTF-8"?>

<div class="title">Enter Order Name</div>

<input type="text"

class="form-control"

t-model="orderName"

placeholder="Customer / Order Name"/>

<button class="button cancel" t-on-click="cancel">Cancel</button>

</div>

</t>

</templates>

* Extend the “Order / Validate” button

--> static/src/js/PaymentScreenPatch.js

import { PaymentScreen } from "@point_of_sale/app/screens/payment_screen/payment_screen";

import { patch } from "@web/core/utils/patch";

patch(PaymentScreen.prototype, "order_name_popup", {

async validateOrder(isForceValidate) {

const order = this.currentOrder;

// Show popup ONLY if name not already set

if (!order.order_name) {

const { confirmed, value } = await this.popup.add(

"OrderNamePopup",

{}

);

if (!confirmed) {

return; // stop validation

}

order.order_name = value;

}

// Continue normal validation

await super.validateOrder(isForceValidate);

});

* Store the value on the POS Order

--> static/src/js/OrderExtension.js

import { Order } from "@point_of_sale/app/store/models";

import { patch } from "@web/core/utils/patch";

patch(Order.prototype, "order_name_field", {

setup() {

super.setup(...arguments);

this.order_name = this.order_name || "";

export_for_printing() {

const data = super.export_for_printing(...arguments);

data.order_name = this.order_name;

return data;

export_as_JSON() {

const json = super.export_as_JSON(...arguments);

json.order_name = this.order_name;

return json;

init_from_JSON(json) {

super.init_from_JSON(...arguments);

this.order_name = json.order_name || "";

});

Manifest:

'assets': {

'point_of_sale.assets': [

'your_module/static/src/js/*.js',

'your_module/static/src/xml/*.xml',

Hope it helps.

สนุกกับการพูดคุยนี้ใช่ไหม? เข้าร่วมเลย!

สร้างบัญชีวันนี้เพื่อเพลิดเพลินไปกับฟีเจอร์พิเศษและมีส่วนร่วมกับคอมมูนิตี้ที่ยอดเยี่ยมของเรา!

ลงชื่อ

Related Posts	ตอบกลับ	มุมมอง
Code patch not taking effect. Inheriting the POS invoice_button component pos point_of_sale 18.0 l10n_mx	2 ต.ค. 25	3249
How to update point of sale order state? pos point_of_sale	1 พ.ย. 25	2546
POS Custom Promotion Popup: Confirm button not triggering applyPromotions() pos 18.0	1 ต.ค. 25	2026
Odoo 18: Price tags in Point of Sale (POS) แก้ไขแล้ว pos 18.0	8 เม.ย. 26	9224
How to print order bill and still have the possibility to make payment. pos 18.0	4 ส.ค. 25	4169

คำถามนี้ถูกตั้งค่าสถานะ

สนุกกับการพูดคุยนี้ใช่ไหม? เข้าร่วมเลย!