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 » [WooCommerce] Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

[WooCommerce] Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

Thứ Hai, 16/03/2020 by Hoàng Quách

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

Cách tốt nhất để thông báo cho khách hàng và tránh được các vấn đề/ hiểu lầm là hiển thị ước tính thời gian giao hàng / công văn trên trang sản phẩm WooCommerce, ngay dưới nút  “Add to Cart”. Vâng, bạn có thể làm điều đó bằng cách thêm thông tin vận chuyển đi kèm với mô tả sản phẩm ngắn, vậy làm thế nào để thực hiện, hãy đọc tiếp nội dung bài viết này nhé.

Bạn không cần thêm thủ công vào từng trang sản phẩm, WooCommerce có hàng tấn API giúp bạn làm điều này dễ dàng, bởi vì nếu bạn thay đổi một cái gì đó trong mục nội dung giao hàng của bạn, bạn chỉ cần thay đổi đoạn mã PHP ở dưới đây. Cách này sẽ linh hoạt hơn rất nhiều.

Trong bài này chúng ta sẽ học cách sử lý thời gian trong lập trình PHP , vì vậy chúng tôi có thể hiển thị một thông báo “dynamic” dựa trên ngày hiện tại . Cùng bắt đầu nào !

thêm ngày dự kiến giao hàng - woocommerce

Vd thứ Hai trước 16:00 – đoạn mã này được in một thông báo ngay dưới trang sản phẩm chi tiết sau nút thêm giỏ hàng, giải thích rằng nếu đặt hàng trước 16:00 giờ các sản phẩm sẽ được giao hàng trong hôm nay.

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

Ví dụ mình muốn hiển thị ngày với logic như sau:

  • Thứ Sáu / Thứ Bảy / Chủ Nhật giao hàng vào ngày thứ Hai
  • Đối với những ngày khác, nếu order trước 04:00 chiều thì giao hàng trong ngày hôm đó …
  • … nếu sau 16:00 giờ thì giao hàng vào ngày mai

Xin lưu ý hàm “date(‘N’)” và “date_default_timezone_set()“, trong PHP sẽ cho về giá trị ngày hiện tại trong tuần và giờ hiện tại trong ngày vì vậy tôi có thể so sánh chúng với giờ địa phương & hiện tại. Ngoài ra sử dụng hàm  “date_default_timezone_set()” trong trường hợp bạn muốn thiết lập một múi giờ khác nhau, nó rất quan trọng.

/**
 * @snippet       Dispatch Date @ WooCommerce Single Product
 * @testedwith    WooCommerce 3.9
 */
add_action( 'woocommerce_after_add_to_cart_form', 'hoangweb_dispatch_info_single_product' );
    
function hoangweb_dispatch_info_single_product() {
   date_default_timezone_set( 'Europe/London' );  
    
   // if FRI/SAT/SUN delivery will be MON
   if ( date( 'N' ) >= 5 ) {
      $del_day = date( "l jS F", strtotime( "next monday" ) );
      $order_by = "Monday";
   } 
    
   // if MON/THU after 4PM delivery will be TOMORROW
   elseif ( date( 'H' ) >= 16 ) {
      $del_day = date( "l jS F", strtotime( "tomorrow" ) );
      $order_by = "tomorrow";
   } 
    
   // if MON/THU before 4PM delivery will be TODAY
   else {
      $del_day = date( "l jS F", strtotime( "today" ) );
      $order_by = "today";
   }
 
   $html = "<br><div class='woocommerce-message' style='clear:both'>Order by 4PM {$order_by} for delivery on {$del_day}</div>";
    
   echo $html;
}

Bạn có thể thêm đoạn mã này vào tệp functions.php của giao diện WordPress hiện tại hoặc viết plugin tùy chỉnh.

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

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.