HƯỚNG DẪN TẠO GIỎ HÀNG TRONG WORDPRESS

  -  

Làm gắng nào nhằm hợp độc nhất vô nhị giỏ sản phẩm WooCommerce cùng với trang thanh toán?

Một số bạn rất cần hợp độc nhất trang giao dịch và giỏ mặt hàng WooCommerce nhưng chần chờ phải làm núm nào. Nếu như khách hàng đang làm việc trong tình huống tương từ bỏ thì trong trên đâ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, cùng tò mò nhé!

*


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

Bạn đang xem: Hướng dẫn tạo giỏ hàng trong wordpress

Đầu tiên bạn phải thêm một giỏ hàng WooCommerce ở phía bên trên trang thanh toán. Hãy đem đoạn code bên dưới và tiếp tế tệp functions.php sống trong child theme 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 page shortcode

Bước 2: chuyển qua làn đường khác trang giỏ hàng cho trang thanh toán.

Đoạn này là tùy lựa chọn và hãy thực hiện nó nếu như khách hàng không ước ao nút “Xem giỏ hàng” hướng người tiêu dùng đến trang giỏ hàng. Bên cạnh ra, hãy dùng phương pháp này nếu khách hàng không muốn người dùng truy cập trực tiếp vào giỏ mặt hàng WooCommerce.

Bạn hãy đem code sau đây và sản xuất file functions.php. Chăm chú rằng các phần “cart” giỏi “/checkout/” là một trong những phần slug của trang giỏ hàng hoặc thanh toán. Nếu bạn có bất kỳ loại slug nào khác (ví dụ như gio-hang hoặc giohang chẳng hạn) thì hãy thay đổi chúng đến phù hợp.

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

Bước 3: chuyển qua làn đường khác trang giao dịch WooCommerce quý phái trang cửa ngõ hàng.

Phần này chỉ cần thiết nếu các bạn đã thêm chuyển hướng làn phân cách từ trang giỏ mặt hàng WooCommerce quý phái trang giao dịch ở bước 2. Nếu như bạn chưa làm điều này thì chúng ta 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 đặc trưng và bạn cần chú ý. Ví như không các bạn sẽ gặp lỗi “Too many redirects” bên trên trang thanh toán sau khoản thời gian xóa sản phẩm khỏi giỏ hàng.

Xem thêm: Đăng Xuất 1 Tài Khoản Gmail, Chỉ 1 Chứ Không Phải Tất Cả

Hãy liếc qua slug “shop” phía bên trong đoạn mã. Sửa chữa thay thế nó bởi slug phù hợp theo website của bạn, ví dụ 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 ngõ hàng” vào trang giao dịch trống.

Nếu bạn không thích chuyển phía khách hàng của mình đến trang cửa hàng mà nuốm vào đó muốn hiển thị nút “Quay lại cửa hàng”. Hãy bỏ qua đoạn mã trước kia và thực hiện đoạn mã này trê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 thanh toán WooCommerce.

Cuối cùng, hãy thêm một trong những đoạn CSS tuỳ chỉnh để giao diện của người sử dụng được hoàn chỉnh hơn.

Và đây là thành quả hầu như gì chúng ta có thể đạt được:

*

Lời kết

Như bạn đã thấy, khá tiện lợi để hợp độc nhất trang giỏ sản phẩm WooCommerce với trang thanh toán. Rất bao gồm thể các bạn sẽ mất 5-10 phút để xong tất cả gần như điều đó.

Xem thêm: BảNg Tiêu ChuẩN ĐáNh Giá Nhà Cung CấP, 10 Tiêu Chí Đánh Giá Nhà Cung Cấp

Nếu chúng ta thấy hay rất có thể theo dõi chăm mục WordPress cơ bản để hiểu thêm nhiều kỹ năng và kiến thức mới nha.

Hãy follow fanpage để nhận thấy những bài viết mới tuyệt nhất nhé : hostingvietnam.vn Group