• Bỏ qua primary navigation
  • Skip to main content

Thuận Bùi

Blogger, Runner & Developer

  • Bàn Phím Cơ
  • WordPress
    • Woocommerce
    • Genesis
  • Dev
    • Web Development
    • Linux
    • VPS
  • Liên Hệ
  • Shop
  • Show Search
Hide Search
Thuận Bùi

Thêm hình ảnh sản phẩm và SKU trong email đơn hàng của Woocommerce

Tháng Năm 12, 2017 bởi Thuận Bùi - 2 Bình luận

Email đơn hàng của Woocommerce mặc định không kèm theo hình ảnh sản phẩm và SKU (mã sản phẩm). Việc này khiến cho email gửi đến khách hàng kém trực quan và thân thiện. Ngoài ra, nó cũng khiến cho chủ shop gặp khó khăn trong việc gói hàng khi không biết rõ màu sắc, hình ảnh sản phẩm khi xem email báo đơn hàng mới.

Thêm mã sản phẩm SKU vào email bằng cách thêm đoạn code dưới đây vào file functions.php của bạn

/**
 * Adds SKUs and product images to WooCommerce order emails
 */
function sww_add_sku_to_wc_emails( $args ) {
      $args['show_sku'] = true; 
      return $args; 
} 
add_filter( 'woocommerce_email_order_items_args', 'sww_add_sku_to_wc_emails' );

Mã sản phẩm sẽ được thêm vào bên phải tên sản phẩm như sau:

Để thêm hình ảnh vào email đơn hàng, chúng ta sửa lại đoạn code tí xíu, thêm vào thành tố $args['show_image']

/**
 * Adds product images to WooCommerce order emails
 */
function sww_add_photos_to_wc_emails( $args ) {
    $args['show_image'] = true;
    $args['show_sku'] = true; 
    return $args;
}
add_filter( 'woocommerce_email_order_items_args', 'sww_add_photos_to_wc_emails' );

Ảnh sản phẩm kích thước 32px x 32px sẽ được thêm vào email như sau.

Nếu muốn thay đổi kích thước ảnh, hãy thêm thành tố $args['image_size'] vào đoạn code trên. Ví dụ dưới đây thay đổi kích thước thành 100px x 100px

/**
 * Adds SKUs and product images to WooCommerce order emails
 */
function sww_modify_wc_order_emails( $args ) {
    $args['show_image'] = true;
    $args['image_size'] = array( 100, 100 );
 
    return $args;
}
add_filter( 'woocommerce_email_order_items_args', 'sww_modify_wc_order_emails' );

Kết quả như sau

Bạn có thể thay đổi kích thước hình ảnh mong muốn bằng cách thay đổi thông số array( width, height )

Related Posts

Xoá bỏ hoặc tuỳ biến bộ đếm sản phẩm (product count) trên trang Shop của Woocommerce
FacebookTweetEmailPrint

Thuộc chủ đề:Woocommerce

Thuận Bùi

Nói về Thuận Bùi

Runner at Yêu Chạy Bộ. Blogger at Ba Lô & Dép Lào. Web Developer at TB's Blog.
Follow me: Facebook / Instagram

Đăng ký nhận bài viết mới

Không bỏ lỡ các chia sẻ mới nhất từ blog. Đăng ký ngay

Reader Interactions

Bình luận

  1. AvatarĐỗ Minh Hiếu viết

    Tháng Mười Hai 2, 2017 lúc 4:50 chiều

    Chào bạn bài viết của bạn rất hửu ích rất hay.
    Bạn có thể hướng dẫn mình ngoài show image và sku đơn hàng trong email thì có cách nào cho nó hiển thị ngay trên đơn hàng luôn không bác. Nó chỉ hiển thị mỗi cái tiêu đề. Thank bạn

    Trả lời
    • Thuận BùiThuận Bùi viết

      Tháng Mười Hai 4, 2017 lúc 1:43 chiều

      Hiển thị image và sku trên đơn hàng là sao? Không hiểu bạn đang hỏi đơn hàng chỗ nào.

      Trả lời

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Powered by Genesis Framework & UpCloud · Đăng nhập

  • Yêu Chạy Bộ
  • YCB
  • Purna Yoga
  • Ba Lô & Dép Lào
  • SuperSilk
  • Lành Kitchen
Share this ArticleLike this article? Email it to a friend!

Email sent!