Hướng Dẫn Tự Tạo Giỏ Hàng Cho WordPress

Thời gian gần đây, có nhiều bạn hỏi về cách tạo giỏ hàng cho WordPress không dùng plugin (đặc biệt là WooCommerce). Cá nhân Hoàng An cũng từng làm giỏ hàng bằng cách không sử dụng plugin cho các dự án thiết kế website WordPress của mình.

Hôm nay tôi xin hướng dẫn các bạn tự tạo giỏ hàng cho WordPress không dùng plugin. Tất nhiên không sử dụng plugin thì chúng ta phải sử dụng code.

Có rất nhiều cách để có thể tạo giỏ hàng, trong bài viết này tôi hướng dẫn các bạn tạo giỏ hàng bằng cách sử dụng Session

Đăng ký query var để truyền thao tác (Thêm, xóa) và lưu ID sản phẩm

Bạn mở file functions.php trong theme bạn đang sử dụng và thêm đoạn code sau:

Đăng ký Rules để Rewrite URL khi thêm sản phẩm vào giỏ hàng

Đường dẫn khi thêm vào giỏ hàng có cấu trúc như sau: https://hoangan.net/gio-hang/them/2 (Trong đó: 2 là ID sản phẩm)

Bạn chỉ thêm đoạn code sau vào file functions.php của theme:

Tiếp theo, tại trang sản phẩm bạn hãy chèn link thêm vào giỏ như sau:

Đăng ký Session để giỏ hàng hoạt động

Như tôi đã nói ở trên giỏ hàng tôi sử dụng session, vậy nên tôi sẽ phải đăng ký session

Bạn chỉ cần đoạn code sau vào file functions.php của theme

Tạo Page Template để lưu trữ giỏ hàng

Trong thư mục gốc mà theme bạn đang sử dụng tạo file cart.php:

Tiếp theo, bạn đăng nhập vào trang quản trị, vào Trang => Thêm trang mới

Lưu ý:

  • Đặt tên slug gio-hang (Vì đã Rewrite URL ở bước trên)
  • Chọn giao diện: Trang giỏ hàng (Page Template vừa tạo)

Lấy thao tác và ID sản phẩm trong trang giỏ hàng

Trong Page Template bạn vừa tạo, bạn dùng code sau để lấy thao tác (Thêm, xóa) và ID sản phẩm

Thực hiện thao tác thêm, xóa sản phẩm trong giỏ hàng

Bạn sử dụng code sau:

Ghép vào Page Template sẽ có code như sau:

Hiển thị sản phẩm trong giỏ hàng

Xử lý cập nhật giỏ hàng

Bạn sử dụng code sau để xử lý cập nhật giỏ hàng

Toàn bộ code trang giỏ hàng

Việc cuối cùng là bạn dùng CSS để style lại bảng sản phẩm trong giỏ hàng

Kết luận

Trên đây tôi hướng dẫn bạn cách tạo giỏ hàng cho WordPress không dùng Plugin. Nhưng trên đây chỉ là bước thêm, xóa, cập nhật số lượng sản phẩm trong giỏ hàng. Bài sau Hoàng An xin hướng dẫn bạn cách tạo trang thanh toán để lưu trữ thông tin đơn hàng.

[Total: 10    Average: 4.1/5]

1 phản hồi

  1. vậy là sẽ dùng custom post type tạo sp đúng ko Ad.

    vậy thì việc quản lý sp cũng như quản lý đơn hàng sẽ như thế nào nhỉ,
    cả việc gửi email sau khi mua sản phẩm thành công….

    Reply
    • Hi em,

      Cảm ơn em đã quan tâm đến blog của anh. Dạo này anh hơi nhiều việc nên chưa viết được. Sang tuần anh sẽ thu xếp nhé.

      Cảm ơn em nhiều!

      Reply
      • Em đang theo dõi phần tiếp theo. Rất mong anh có thể bổ sung sớm để em học hỏi thêm.

        Reply
  2. Anh có dùng contact form 7 để lấy thông tin khách hàng ko ạ? Nếu có thì em xin tặng anh 1 plugin đi kèm cho phép lưu trữ các dữ liệu của CTF7 lại ngay trong admin, có thể view, export ra excel để quản lý.

    Reply
  3. Lỗi này xử lý ntn vậy ad “Warning: Cannot modify header information – headers already sent by (output started at C:\xampp\htdocs\rau1\wp-includes\formatting.php:5100) in C:\xampp\htdocs\rau1\wp-includes\pluggable.php on line 1216”

    Reply

Leave a Comment.