TMS-1306: wishlist - yêu thích
Tài liệu mô tả trang "Wishlist-Yêu thích" trên trang web
1. Mô tả tổng quan
Trang Yêu thích là nơi hiển thị danh sách các sản phẩm mà người dùng đã đánh dấu yêu thích với sản phẩm bất kì. Tại đây, người dùng có thể:
- Xem danh sách sản phẩm đã đánh dấu yêu thích.
- Xóa sản phẩm khỏi danh sách yêu thích.
- Tiến hành thêm vào giỏ hàng
2. Các chức năng và luồng hoạt động
2.1 Thêm sản phẩm vào danh sách yêu thích (Add to Wishlist)
- Khi người dùng nhấn nút
Add To Wishlisttại bất kỳ trang danh sách sản phẩm hoặc chi tiết sản phẩm nào, sản phẩm đó sẽ được thêm vào danh sách yêu thích. - Hệ thống sẽ hiển thị sản phẩm ngay trên yêu thích (wishlist) với thông tin chi tiết.
2.2 Thêm sản phẩm vào giỏ hàng (Add to Cart)
Thêm 1 sản phẩm vào giỏ hàng:
- Khi người dùng nhấn nút
Add To Carttại trang yêu thích ở từng dòng, sản phẩm đó sẽ được thêm vào giỏ hàng. - Hệ thống sẽ hiển thị sản phẩm ngay trên trang giỏ hàng với thông tin chi tiết.
Thêm nhiều sản phẩm vào giỏ hàng:
- Người dùng tick vào ô checkbox hoặc chọn tất cả sản phẩm cùng lúc.
- Khi người dùng nhấn nút
Add To Cartở trên danh sách yêu thích, các sản phẩm đó sẽ được thêm vào giỏ hàng. - Hệ thống sẽ hiển thị sản phẩm ngay trên trang giỏ hàng với thông tin chi tiết.
2.3 Chọn sản phẩm để xóa khỏi Danh sách yêu thích
Khi nhấn nút icon thùng rác ở mỗi dòng, hệ thống sẽ tiến hành xóa sản phẩm đó ở trang.
Chọn xóa danh sách sản phẩm:
- Người dùng có thể chọn từng sản phẩm bằng cách tick vào ô checkbox hoặc chọn tất cả sản phẩm cùng lúc.
- Chỉ các sản phẩm được chọn mới được xóa khi nhấn xóa ở phía trên danh sách.
3. API Endpoint liên quan
| Phương thức | Route | Mô tả |
|---|---|---|
GET |
/api/v1/auth/get/shop-wishlist |
Lấy dữ liệu wishlist từ database |
POST |
/api/v1/auth/post/shop-wishlist |
Lưu dữ liệu wishlist vào database |
POST |
/api/v1/auth/post/shop-wishlist/delete |
Xóa 1 hoặc nhiều sản phẩm ra khỏi database |
4. Cấu trúc dữ liệu giỏ hàng
4.1 Bảng ecom.wishlist
- Chứa thông tin đơn hàng của người dùng.
| Trường (EN) | Ý nghĩa | Mô tả |
|---|---|---|
user_id |
ID người dùng | ID của người đặt hàng |
product_id |
ID sản phẩm | ID của của mẫu nón |
created_at |
Ngày tạo | Ngày wishlist được thêm vào |
updated_at |
Ngày cập nhật | Ngày wishlist được cập nhật |
deleted_at |
Ngày xóa | Ngày đwishlist được xóa |
5. Giao diện Wishlist - Yêu thích
5.1 Danh sách sản phẩm trong giỏ hàng
| Trường (EN) | Trường (VI) | Cột DB | Mô tả |
|---|---|---|---|
| Product | Sản phẩm | Không | |
product_patterns_summary.image_3d_path |
Hiển thị hình ảnh sản phẩm | ||
product_patterns_summary.name |
Hiển thị tên sản phẩm | ||
| Unit Price | Đơn giá | không | Giá sản phẩm đơn lẻ (nhưng chưa có -> contact) |
| Stock Status | Tình trạng hàng | Không | Tình trạng cuả sản phảm (chưa có -> gắn cứng: còn hàng) |
| Action | Hành động | Không | Chọn thêm vào giỏ hoặc liên hệ tùy vào tình trạng hàng (chưa có tình trạng -> gán cứng: thêm vào giỏ) |
| Remove | Xóa | Không | Xóa sản phẩm khỏi wishlist |
6. Tóm tắt
- Người dùng có thể thêm sản phẩm vào wishlist từ danh sách sản phẩm hoặc trang chi tiết sản phẩm.
- Tại trang wishlist có thể thêm sản phẩm vào giỏ hàng, xóa sản phẩm khỏi trang wishlist, xem tình trạng của sản phẩm, lưu trữ sản phẩm khi cần thiết, tìm kiếm sản phẩm dễ dàng.
- Dữ liệu wishlist được lưu vào cơ sở dữ liệu thông qua các API đã định nghĩa.