Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Tùy chỉnh trang đơn hàng trong Woocommerce

Tùy chỉnh trang đơn hàng trong Woocommerce

Chủ Nhật, 28/10/2018 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Trang đặt hàng mặc định của Woocommerce bao gồm tất cả mọi thứ. Tuy nhiên, chúng tôi thường cảm thấy cần phải thêm thông điệp tùy chỉnh Woocommerce vào trang đặt hàng. Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách thêm thông điệp tùy chỉnh vào trang “Cảm ơn” hay “đặt hàng”.

Sau khi đặt hàng thành công, bạn sẽ được chuyển đến trang cảm ơn hoặc trang chi tiết đơn hàng.

Bây giờ, hãy xem trang đặt hàng mặc định trông như thế nào. Sau đây là trang chi tiết đơn đặt hàng mặc định:

Ví dụ mình muốn thêm thông báo tùy chỉnh ở trang này. Bằng cách hiển thị thêm các danh mục của các sản phẩm bạn đang mua. Thêm các dòng mã sau vào cuối tệp functions.php:

function add_notes_to_order($order){
	$categories = array();
    foreach( $order->get_items() as $item_id => $item ) {
    	$pid = $item['product_id'];
        $pcats = wp_get_post_terms( $pid, 'product_cat' );
        foreach( $pcats as $key => $value ){
        	if(!in_array($value->name,$categories)){
            	array_push($categories,$value->name);
            }
        }
    }
    echo '<b>This product belongs to following categories: </b>'.implode(' , ',$categories);
}
add_action( 'woocommerce_order_details_after_order_table', 'add_notes_to_order',10,1 );

Bạn có thể thay đổi dòng thông tin nhắn ở dòng thứ hai cuối cùng của đoạn Code để thích hợp với website của bạn. Kết quả bạn có được:

Nếu bạn thích bài viết này, hãy ủng hộ chúng tôi bằng cách đăng ký nhận bài viết mới ở bên dưới và đừng quên chia sẻ kiến thức này với bạn bè của bạn nhé. Bạn cũng có thể theo dõi blog này trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Wordpress Tìm kiếm: Woocommerce

Comments

  1. Thừa Cao says

    Thứ Bảy, 16/03/2019 at 8:15 sáng

    Nhìn avatar của Admin bựa quá hong biết!

    • Trung Hiếu says

      Thứ Năm, 14/03/2019 at 8:15 sáng

      Đẹp gái thế mà bảo bựa là bựa thế nào. 😛

  2. Thanh Hương says

    Chủ Nhật, 17/03/2019 at 8:15 sáng

    Oh thế mà mình cứ đi tìm bấy lâu nay, thanks b!

    • Trung Hiếu says

      Thứ Sáu, 15/03/2019 at 8:15 sáng

      Có nhiều lúc ta cứ đi tìm ở đâu xa mà không để ý thứ mình cần gần ngay trước mặt. 😀

  3. quang dan says

    Thứ Năm, 29/08/2019 at 2:33 chiều

    Cảm ơn bác rất nhiều, cái woocomerce này nhiều lúc khó khăn quá vì mình chẳng sành code

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.