Code hiển thị ảnh sản phẩm trang checkout

Mặc định, trang thanh toán của woocommerce chỉ hiển thị tên sản phẩm và số lượng, chứ không hiện ảnh. Điều này có vẻ hơi thô và không được đẹp lắm.

Hôm nay mình chia sẻ 1 đoạn code ngắn, chèn vào functions.php của theme đang dùng. Giúp hiển thị hình ảnh sản phẩm ở trang checkout của woocommerce. Sau khi chèn sẽ được như hình bên dưới:

woocommerce product image checkout page 1024x619 1

Đoạn code như sau:

add_filter( 'woocommerce_cart_item_name', 'sgd_product_image_review_order_checkout', 9999, 3 );
  
function sgd_product_image_review_order_checkout( $name, $cart_item, $cart_item_key ) {
    if ( ! is_checkout() ) return $name;
    $product = $cart_item['data'];
    $thumbnail = $product->get_image( array( '50', '50' ), array( 'class' => 'alignleft' ) );
    return $thumbnail . $name;
}

Nếu cần hỗ trợ, hãy để lại comment bên dưới.

5/5 - (1 bình chọn)
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x
Scroll to Top