Tạo giỏ hàng trong wordpress

     

Trang nhà » Website » Chia sẻ code tạo nên giỏ mặt hàng và thanh khô toán thù vào wordpress

Tkhô giòn Chính 5415 Views

Như các bạn đã biết để gia công trang bán sản phẩm vào wordpress thì có tương đối nhiều plugin hỗ trợ công dụng này một trong các số ấy bao gồm plugin woocommerce plugin tuyệt vời và hoàn hảo nhất cung cấp có tác dụng trang web bán sản phẩm wordpress trường đoản cú A->Z. Bạn chỉ cần tìm hiểu các hook của chính nó là rất có thể viết theme bán hàng ngon lành. Nhưng nếu như website bán sản phẩm chúng ta chỉ cần những công dụng đơn giản như giỏ mặt hàng và mang thông báo người sử dụng lúc mua thì mình nghĩ không nhất thiết phải sử dụng plugin kia vày nó khiến cho website chúng ta nặng và có rất nhiều chức năng mà lại website chúng ta ko nên cho. Vì vậy bài viết bây giờ bản thân xin hướng dẫn các bạn biện pháp code giỏ mặt hàng vào wordpress với tích phù hợp tác dụng tích lũy biết tin khách hàng tự Liên hệ Form 7 đơn giản dễ dàng cùng nhanh hao gọn gàng nhé.

Bạn đang xem: Tạo giỏ hàng trong wordpress


Hướng dẫn chế tác giỏ sản phẩm trong wordpres.

Theo giải pháp này bạn cần sử dụng Session php nhằm tạo ra giỏ hàng nhé. Vì vậy để chế tạo giỏ mặt hàng và thanh toán trong wordpress bạn có tác dụng theo thứ tự qua các bước sau là ok. Mình vẫn có tác dụng cùng thành công xuất sắc còn bạn thì sao?

Tạo giỏ sản phẩm trong wordpress không sử dụng plugin

Cách 1: Trước hết chúng ta msinh sống tệp tin function.php lên ĐK query, session, rules đến nó nhé bởi đoạn code sau:

function insert_query_vars($vars) array_push($vars, "pro_id"); //giữ id sản phẩm array_push($vars, "action"); //lưu lại thao tác làm việc (thêm, xóa) return $vars;add_filter("query_vars", "insert_query_vars");function rewrite_rules($rules) xoa)/(<0-9>+)/?"> = "index.php?pagename=$matches<1>&action=$matches<2>&pro_id=$matches<3>"; return $new_rules + $rules; emang đến $matches<2>;add_action("rewrite_rules_array", "rewrite_rules"); add_action("init", "mySessionStart", 1);add_action("wp_logout", "mySessionEnd");add_action("wp_login", "mySessionEnd");function mySessionStart() ob_start();if(!session_id()) session_start();function mySessionEnd() session_destroy ();Bước 2: Sau Lúc vẫn thêm dứt vào function.php liên tiếp các bạn chế tạo 1 tệp tin page template có tên file là cart.php cùng Template Name là Giỏ mặt hàng quăng quật file đó vào thuộc cấp cho với header.php vào thỏng mục theme của bạn để cách xử lý thao tác bên trên giỏ hàng. Nội dung tệp tin cart.php nhỏng sau:


0 ) //kiểm soát với xóa sản phẩm dựa vào id unset($_SESSION<"cart"><$pro_id>); wp_redirect(get_bloginfo("url")."/gio-hang"); exit(); else unset($_SESSION<"cart">); emang đến "

Hiện chưa tồn tại sản phẩm như thế nào trong giỏ hàng! Bnóng vào chỗ này để thấy với mua sắm chọn lựa.

"; break; } }else //không tồn tại làm việc thêm hoặc xóa thì vẫn hiển thị thành phầm trong giỏ mặt hàng ?> 0 ) //kiểm soát số lượng sản phẩm trước khi hiển thị ?>

Thông tin đối kháng hàng

$quantity ) //lặp qua mảng cart session lấy ra id cùng show lên tiếng thành phầm theo id đó $hàng hóa = get_post((int)$pro_id ); if(get_field("price", $pro_id)!=0) $price = get_field("price", $pro_id);else $price = get_field("price_old", $pro_id); ?> post_title. " " ."(".$quantity.")". " ,"; $_POST<"name"> = $check; ?>
Tên sản phẩm Giá Số lượng Thành tiền
post_name;?>">post_title; ?> " name="quantity<>" style="width:50px;" /> " class="remove-product">Xóa
Mua tiếp Thanh hao toán Tổng tiền: VNĐ

Bnóng vào chỗ này giúp xem và mua hàng."; ?> $quantity) //lặp mảng số lượng bắt đầu cùng cập nhật mới mang đến giỏ sản phẩm if($quantity == 0) unset($_SESSION<"cart"><$pro_id>); else $_SESSION<"cart"><$pro_id> = $quantity; wp_redirect(get_bloginfo( "url" )."/gio-hang"); //update xong xuôi trả về trang hiển thị thành phầm vào giỏ } } ?>
À trong đoạn code trên gồm 2 field là price(giá chỉ khuyến mại) và price_old(giá gốc) chúng ta coi custom field của bạn khai báo giá là gì thì đổi nó đi nhé ko thì cứ đọng chế tạo ra 2 field như thể của bản thân mình là được. Crúc ý đoạn kia nhé không lỗi.


Bước 3: khi đang sản xuất template page hoàn thành bạn hãy vào cai quản trị tạo 1 trang có tên là Giỏ hàng và lựa chọn page template: giỏ hàng làm cho đồ họa nhé.

Bước 4: Sau Lúc xong bây giờ mong hiển thị nút đặt mua sắm và chọn lựa chỗ nào thì các bạn thêm đoạn code này vào là được.

Xem thêm:

/gio-hang/them/" class="add-cart-button">Đặt muaCách 5: Cuối cùng sau khoản thời gian đang hoàn chỉnh các bạn bắt buộc cập nhật lại permalinks cùng ra ấn thử xem sẽ thêm được vào giỏ sản phẩm không nhé.

Nếu đúng thì các bạn sẽ thêm được vào giỏ mặt hàng thành phầm bạn muốn. Bước sau cuối là các bạn thêm đoạn css này vào để style cho giỏ sản phẩm đẹp mắt chút.

/* CSS Cart */#cart width: 100%; margin: 20px;#cart tr border: 1px solid #ccc;.title-cart background: #ccc; .title-cart td padding: 10px 0; font-size: 14px; font-weight: 600;.content-cart td padding: 10px; border: 1px solid #ccc;.remove-product background: red.remove-sản phẩm, .remove-product:hover background: red; color: #fff; padding: 5px 20px; font-weight: 600; border-radius: 8px; text-align: center;.sum-money font-weight: 600; font-size: 14px;.money font-weight: 600; font-size: 14px;.muatiep background: #ff9900; margin: 20px; padding: 6px 20px; font-weight: 600; color: #fff!important;.title-don text-align: center; font-size: 18px; font-weight: 600;.nhap_thong_tinwidth: 29%; float: left; margin-left: 2%; margin-bottom: 10px; background: #fff; padding: 10px;.nhap_thong_tin input đầu vào height: 30px; width: 100%!important; border: 1px #e5e5e5 solid; width: 350px; outline: none; margin-top: 10px; padding: 0 10px;.nhap_thong_tin textareawidth: 99%; margin-top: 10px; .mua background: #eb71a8; color: #fff; font-weight: 600; border-radius: 8px; font-size: 20px; height: 45px!important;/* End CSS Cart */

*

+ Phân trang vào wordpress

Tkhô cứng toán với rước thông tin người tiêu dùng thực hiện Liên hệ Form 7

Lúc vẫn tạo giỏ mặt hàng kết thúc vậy bây chừ làm thế nào để thu thập được tài liệu người dùng hiện thời. Hướng giải quyết và xử lý bản thân sử dụng plugin Liên hệ Form 7 để mang đọc tin người sử dụng đặt download. Để triển khai chúng ta đứng vững nhỏng sau:

Bước 1: quý khách cài đặt cho chính mình 3 plugin này vào:

+ Liên hệ Form 7 (sinh sản form)

+ Liên hệ Form 7 Dynamic Text Extension

+ Contact Form Advanced Database (tích lũy lead).

Bước 2: lúc đã thiết lập chấm dứt bạn vào liên hệ size 7 add new 1 form bắt đầu nhé và thêm đoạn này vào