Tùy chỉnh Cart items trong Website Builder
Cart items giúp khách hàng xem lại tất cả các mặt hàng trong giỏ hàng. Cart items sẽ hiển thị trong Cart drawer, Mini cart và trang Giỏ hàng.
Bài viết này sẽ hướng dẫn bạn cách chỉnh sửa Cart items hiển thị trên cửa hàng của bạn.
A. Chỉnh sửa thiết kế
B. Chỉnh sửa nội dung
Chọn Cart items > tab Design. Tại đây bạn có thể cài đặt cách thức hiển thị các mặt hàng trong giỏ hàng.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot23_7xip6n.png)
List layout (Bố cục danh sách): chọn bố cục Ngang (Horizontal) hoặc Dọc (Vertical).
![Bố cục ngang](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot27_17zgpc4.png)
![Bố cục dọc](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot23_1o448ls.png)
Image size (Kích thước ảnh): tùy chọn size S, M, L cho hình ảnh.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot27_1ader2y.png)
Item spacing (Khoảng cách giữa các mặt hàng): điều chỉnh khoảng cách giữa các mặt hàng trong giỏ hàng.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot28_9v2qb4.png)
Divider (Gạch phân cách): tùy chọn bật/tắt tính năng này để hiển thị dòng kẻ phân cách giữa các mặt hàng trong giỏ hàng
![Divider đang bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot28_lldvis.png)
![Divider đang tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot29_u49um7.png)
General style: tùy chỉnh các cài đặt chung của giỏ hàng theo hướng dẫn từ bài viết này.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot27_nij4gv.png)
Chọn Cart items > tab Content, sau đó thiết lập nội dung theo mong muốn.
Price compare (Giá so sánh): bật/tắt tùy chọn này để hiển thị giá so sánh.
![Tính năng Price compare được bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot30_1grwjxa.png)
![Tính năng Price compare được tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot31_wpujnn.png)
Quantity select (Lựa chọn số lượng): bật/tắt tùy chọn này để hiển thị số lượng mặt hàng trong trường hợp người mua mua số lượng lớn cùng một mặt hàng.
![Tính năng Quantity select được bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot30_1g99gy8.png)
![Tính năng Quantity select được tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot32_1skma39.png)
Quantity badge (Huy hiệu số lượng): Bbật/tắt tùy chọn này để hiển thị nhãn số lượng.
![Nhãn số lượng đang bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot33_1j3593s.png)
Remove item (Xóa mặt hàng): bật/tắt tùy chọn này nếu muốn hiển thị nút xóa sản phẩm khỏi giỏ hàng, giúp người mua xóa mặt hàng nhanh chóng.
![Tính năng Remove item được bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot12_1y75dkd.png)
![Tính năng Remove item được tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot14_1181eun.png)
Cách tùy chỉnh khối Cart (Giỏ hàng) trong Website Builder
Bài viết này sẽ hướng dẫn bạn cách chỉnh sửa Cart items hiển thị trên cửa hàng của bạn.
Trong bài viết này
A. Chỉnh sửa thiết kế
B. Chỉnh sửa nội dung
A. Chỉnh sửa thiết kế
Chọn Cart items > tab Design. Tại đây bạn có thể cài đặt cách thức hiển thị các mặt hàng trong giỏ hàng.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot23_7xip6n.png)
List layout (Bố cục danh sách): chọn bố cục Ngang (Horizontal) hoặc Dọc (Vertical).
![Bố cục ngang](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot27_17zgpc4.png)
![Bố cục dọc](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot23_1o448ls.png)
Image size (Kích thước ảnh): tùy chọn size S, M, L cho hình ảnh.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot27_1ader2y.png)
Item spacing (Khoảng cách giữa các mặt hàng): điều chỉnh khoảng cách giữa các mặt hàng trong giỏ hàng.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot28_9v2qb4.png)
Divider (Gạch phân cách): tùy chọn bật/tắt tính năng này để hiển thị dòng kẻ phân cách giữa các mặt hàng trong giỏ hàng
![Divider đang bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot28_lldvis.png)
![Divider đang tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot29_u49um7.png)
General style: tùy chỉnh các cài đặt chung của giỏ hàng theo hướng dẫn từ bài viết này.
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot27_nij4gv.png)
B. Chỉnh sửa nội dung
Chọn Cart items > tab Content, sau đó thiết lập nội dung theo mong muốn.
Price compare (Giá so sánh): bật/tắt tùy chọn này để hiển thị giá so sánh.
![Tính năng Price compare được bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot30_1grwjxa.png)
![Tính năng Price compare được tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot31_wpujnn.png)
Quantity select (Lựa chọn số lượng): bật/tắt tùy chọn này để hiển thị số lượng mặt hàng trong trường hợp người mua mua số lượng lớn cùng một mặt hàng.
![Tính năng Quantity select được bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot30_1g99gy8.png)
![Tính năng Quantity select được tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot32_1skma39.png)
Quantity badge (Huy hiệu số lượng): Bbật/tắt tùy chọn này để hiển thị nhãn số lượng.
![Nhãn số lượng đang bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot33_1j3593s.png)
Remove item (Xóa mặt hàng): bật/tắt tùy chọn này nếu muốn hiển thị nút xóa sản phẩm khỏi giỏ hàng, giúp người mua xóa mặt hàng nhanh chóng.
![Tính năng Remove item được bật](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot12_1y75dkd.png)
![Tính năng Remove item được tắt](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/screenshot14_1181eun.png)
Bài viết liên quan
Cách tùy chỉnh khối Cart (Giỏ hàng) trong Website Builder
Cập nhật vào: 06/12/2023
Cảm ơn!