WooCommerce: Di chuyển ghi chú đơn hàng trên trang Thanh toán

Như thế nào là Di chuyển ghi chú đơn hàng trên trang Thanh toán? Chúng ta đã biết cách ẩn Order Notes (Ghi chú đơn hàng) trên checkout page (trang thanh toán) WooCommerce. Nhưng lần này, mục tiêu của chúng ta là remove (di chuyển) chúng và đặc biệt xóa chúng khỏi the shipping form (vị trí mặc định) biểu mẫu giao hàng và thêm chúng trở lại trong biểu mẫu thanh toán.

Đây là một đoạn mã kết hợp: (1) chúng tôi xóa chúng (và chúng tôi sẽ sử dụng đoạn mã theo liên kết ở trên) và (2) chúng tôi tạo trường thanh toán mới. Cuối cùng, (3) chúng ta cũng cần “lưu” giá trị trường mới này vào custom field meta ghi chú đơn hàng ban đầu.

Nếu điều này khó hiểu, đừng lo lắng – chỉ cần sao chép / dán đoạn mã vào functions.php của bạn và thưởng thức!

WooCommerce: Di chuyển ghi chú đơn hàng trên trang Thanh toán

Chuyển ghi chú đơn đặt hàng từ Order notes(optional) sang New Order Notes (optional) như hình trên.

Đoạn PHP: Di chuyển ghi chú đơn hàng trên trang Thanh toán

1. Ẩn ghi chú mặc định:

[code]

add_filter( ‘woocommerce_enable_order_notes_field’, ‘__return_false’ );

[/code]

2. Tạo trường thanh toán mới:

[code]

add_filter( ‘woocommerce_checkout_fields’ , ‘bbloomer_custom_order_notes’ );

function bbloomer_custom_order_notes( $fields ) {
$fields[‘billing’][‘new_order_notes’] = array(
‘type’ => ‘textarea’,
‘label’ => ‘New Order Notes’,
‘class’ => array(‘form-row-wide’),
‘clear’ => true,
‘priority’ => 999,
);
return $fields;
}

[/code]
3. Lưu vào ghi chú đơn hàng hiện có
[code]

add_action( ‘woocommerce_checkout_update_order_meta’, ‘bbloomer_custom_field_value_to_order_notes’, 10, 2 );

function bbloomer_custom_field_value_to_order_notes( $order_id, $data ) {
if ( ! is_object( $order_id ) ) {
$order = wc_get_order( $order_id );
}
$order->set_customer_note( isset( $data[‘new_order_notes’] ) ? $data[‘new_order_notes’] : ” );
wc_create_order_note( $order_id, $data[‘new_order_notes’], true, true );
$order->save();
}

[/code]

Thêm đoạn mã này vào đâu?

Bạn có thể đặt các đoạn mã PHP ở cuối tệp functions.php chủ đề con của mình (trước “?>” Nếu bạn có). Mặt khác, CSS có trong tệp style.css chủ đề con của bạn.

Đoạn mã này (vẫn) hoạt động chứ?

Vui lòng cho tôi biết trong phần bình luận nếu mọi thứ hoạt động như mong đợi. Tôi rất sẵn lòng sửa đổi đoạn mã nếu bạn có góp ý phù hợp (vui lòng cung cấp ảnh chụp màn hình).

Dịch vụ thiết kế website chuyên nghiệp tại Web MTP

Liên hệ ngay với chúng tôi nếu bạn đang gặp khó khăn trong việc thiết kế web nhé!

Website: https://webmtp.com/

Hotline: 0931 912 379

WooCommerce: Thêm phí thanh toán cho cổng thanh toán Paypal

Viết bình luận





Mời bạn xem nhiều bài hấp dẫn khác

Phương pháp SEO tăng thứ hạng của website trên Google

Tìm hiểu phương pháp chọn từ khóa chuẩn SEO

Plugin giúp bảo mật website WordPress

Tăng trust website hiệu quả bằng 100 backlink chất lượng đến từ Google

Cách chăm sóc website hiệu quả

Cách tạo nút gọi trên website WordPress

Mời bạn đọc thêm

Phương pháp SEO tăng thứ hạng của website trên Google

Tìm hiểu phương pháp chọn từ khóa chuẩn SEO

Plugin giúp bảo mật website WordPress

Tăng trust website hiệu quả bằng 100 backlink chất lượng đến từ Google

Cách chăm sóc website hiệu quả

Cách tạo nút gọi trên website WordPress