Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

Làm cách nào để hợp nhất giỏ hàng WooCommerce với trang thanh toán?

Một số người rất cần hợp nhất trang thanh toán và giỏ hàng WooCommerce nhưng không biết làm thế nào. Nếu bạn đang ở trong trường hợp tương tự thì đây là phương pháp dành cho bạn. Dưới đây là bốn bước đơn giản và nhanh chóng, chúng ta cùng tìm hiểu nhé!

Trang thanh toán và dịch vụ tốt nhất

Dem so luot xem bai viet WordPress - Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

Bước 1: Hợp nhất trang giỏ hàng và trang thanh toán.

Trước tiên, bạn cần thêm giỏ hàng WooCommerce phía trên trang thanh toán. Lấy mã bên dưới và thêm nó vào tệp functions.php trong chủ đề con của bạn.

add_action( 'woocommerce_before_checkout_form', 'add_cart_on_checkout', 5 );
 
function add_cart_on_checkout() {
 if ( is_wc_endpoint_url( 'order-received' ) ) return;
 echo do_shortcode('[woocommerce_cart]'); // WooCommerce cart page shortcode
}

Bước 2: Chuyển hướng trang giỏ hàng đến trang thanh toán.

Đoạn này là tùy chọn và sử dụng nó nếu bạn không muốn nút “Xem giỏ hàng” hướng người dùng đến trang giỏ hàng. Ngoài ra, hãy sử dụng phương pháp này nếu bạn không muốn người dùng của mình chuyển trực tiếp đến giỏ hàng WooCommerce.

Lấy mã bên dưới và thêm nó vào tệp functions.php của bạn. Lưu ý rằng phần “giỏ hàng” hoặc “/ checkout /” là một phần của giỏ hàng hoặc slug của trang thanh toán. Nếu bạn có bất kỳ loại sên nào khác (như gio-hang hoặc giohang chẳng hạn) thì hãy thay đổi chúng cho phù hợp.

add_action( 'template_redirect', function() {
// Replace "cart"  and "checkout" with cart and checkout page slug if needed
    if ( is_page( 'cart' ) ) {
        wp_redirect( '/checkout/' );
        die();
    }
} );

Bước 3: Chuyển hướng trang thanh toán WooCommerce đến trang cửa hàng.

Phần này chỉ cần thiết nếu bạn đã thêm chuyển hướng từ trang giỏ hàng WooCommerce đến trang thanh toán ở bước 2. Nếu bạn chưa làm điều đó, bạn có thể bỏ qua phần này.

Nếu bạn đã thực hiện bước 2 thì phần này rất quan trọng và bạn cần chú ý. Nếu không, bạn sẽ gặp lỗi “Quá nhiều chuyển hướng” trên trang thanh toán sau khi xóa sản phẩm khỏi giỏ hàng.

Hãy xem slug “cửa hàng” bên trong mã. Thay thế nó bằng slug thích hợp theo trang web của bạn, chẳng hạn như “cua-hang”.

add_action( 'template_redirect', 'redirect_empty_checkout' );
 
function redirect_empty_checkout() {
    if ( is_checkout() && 0 == WC()->cart->get_cart_contents_count() && ! is_wc_endpoint_url( 'order-pay' ) && ! is_wc_endpoint_url( 'order-received' ) ) {
   wp_safe_redirect( get_permalink( wc_get_page_id( 'shop' ) ) ); 
        exit;
    }
}

Tùy chọn thay thế: Hiển thị nút “Quay lại cửa hàng” trong trang thanh toán trống.

Nếu bạn không muốn chuyển hướng khách hàng của mình đến trang cửa hàng mà thay vào đó muốn hiển thị nút “Quay lại cửa hàng”. Hãy bỏ qua mã trước đó và sử dụng nó ở đây.

add_filter( 'woocommerce_checkout_redirect_empty_cart', '__return_false' );
add_filter( 'woocommerce_checkout_update_order_review_expired', '__return_false' );

Bước 4: Tùy chỉnh trang kiểm tra WooCommerce.

Cuối cùng, thêm một số CSS tùy chỉnh để hoàn thiện giao diện của bạn.

Và đây là những gì bạn có thể đạt được:

Trang thanh toán và giỏ hàng WooCommerce hợp nhất

Phần kết

Như bạn đã thấy, khá dễ dàng để hợp nhất trang giỏ hàng WooCommerce và trang thanh toán. Rất có thể bạn sẽ mất 5-10 phút để hoàn thành tất cả những việc đó.

Nếu thấy hay bạn có thể theo dõi phần kiến thức cơ bản về WordPress để biết thêm nhiều kiến thức mới.

Theo dõi fanpage để nhận những bài viết mới nhất: Hocwordpress Group

Tìm kiếm Blog này

Sieucoder.com