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=71193-1850818546&t=I3UPaMY8Q5hYsNWD-1

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
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

Main function

  1. Chức năng thêm sản phẩm vào giỏ hàng:

    • Người dùng có thể nhấn vào nút "Thêm vào giỏ hàng" trên danh sách phòng chờ
    • 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. 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. 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. Xóa sản phẩm:

    • 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"

...