Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Widget Connector
urlhttps://www.figma.com/design/9HJQ4yp7ycEuY38a75uQsb/Diagram?node-id=71193127700-1854630381&t=I3UPaMY8Q5hYsNWDyrJU2NVRygP20Hrv-14

Explanation

StepDescription
Thêm sản phẩm vào giỏ hàngNgười dùng thao tác thêm sản phẩm vào giỏ hàng
Xem giỏ hàng

Người dùng xem thông tin trong giỏ hàng. Tại đây người dùng có thể chọn 1 trong 2 thao tác dưới đây:

  1. Cập nhật giỏ hàng
  2. Xóa giỏ hàng
Cập nhật giỏ hàngNgười dùng cập nhật, chỉnh sửa sản phẩm, số lượng trong giỏ hàng
Xóa giỏ hàngNgười dùng xóa giỏ hàng
Chọn sản phẩmNgười dùng tích chọn sản phẩm trong giỏ hàng
Mua đơn hàngSau khi chọn sản phẩm trong giỏ hàng, người dùng tiến hành mua đơn hàng như luồng mua hàng
LưuSau khi đã cập nhật, chỉnh sửa, xóa giỏ hàng thì người dùng thao tác lưu

...

  1. [PRD] Thêm sản phẩm vào giỏ hàng

    • Người dùng sau khi thực hiện nhập thông tin order → thêm vào giỏ hàng
    • Sản phẩm được thêm vào giỏ hàng với thông tin chi tiết (tên, hình ảnh, giá).
  2. [PRD] Xem giỏ hàng

    • Người dùng có thể xem giỏ hàng của mình bằng cách nhấn vào biểu tượng giỏ hàng.
    • Giỏ hàng hiển thị danh sách các sản phẩm đã thêm, số lượng và tổng giá.
  3. [PRD] Cập nhật giỏ hàng

    • Người dùng có thể thay đổi số lượng sản phẩm trong giỏ hàng.
    • Tổng giá sẽ tự động cập nhật khi số lượng thay đổi.
  4. [PRD] Xóa giỏ hàng

    • Khách hàng có thể xóa 1 hoặc tất cả sản phẩm khỏi giỏ hàng.
    • Giỏ hàng sẽ cập nhật lại danh sách và tổng giá sau khi xóa. Khi xóa hết sản phẩm trong giỏ hàng sẽ hiển thị "Không có sản phẩm trong giỏ hàng"
  5. [PRD] - Mua đơn hàng