Danh mục
Add-on Product List
Add-on Product List dùng cho các website thương mại điện tử, hiển thị nhiều sản phẩm cùng lúc theo dạng lưới hoặc slider. Để hoạt động, cần khai báo dữ liệu sản phẩm trong Manage trước, sau đó cấu hình cách hiển thị trong Visual Editor.
Phần 1 — Khai báo dữ liệu trong Manage
Bước 1: Tạo nhóm sản phẩm (Category)
- Vào Manage → chọn mục Product → tab Category.
- Nhấn nút Add (xanh) để tạo nhóm sản phẩm mới.
- Điền: Name (tên nhóm), Published (bật/tắt hiện/ẩn), Category Image (ảnh đại diện, dùng cho add-on Product Category), Page (chọn trang "Product List" — trang sẽ mở khi khách bấm vào nhóm).
- Nhấn Save & Close.
Bước 2: Tạo từng sản phẩm (All Products)
- Chọn tab All Products, nhấn Add (xanh).
- Điền: Name (tên sản phẩm), Category (nhóm phù hợp), Regular Price/Sale Price (giá gốc/giá giảm), Intro (mô tả ngắn), Multi Images (nhiều ảnh sản phẩm), Published, Page (chọn trang "Product Detail" — trang sẽ mở khi khách bấm vào sản phẩm).
- Nhấn Save & Close.
Phần 2 — Cấu hình add-on trong Visual Editor
Sau khi kéo thả add-on vào canvas, click chọn → mở Addons Config.
Tab Data (Data Feed):
| Data Feed | Ý nghĩa |
|---|---|
| All | Hiển thị tất cả sản phẩm đã tạo. |
| Menu | Hiển thị theo đúng cấu trúc đã khai báo ở add-on Menu. |
| Categories | Hiển thị theo (các) nhóm sản phẩm chọn ở mục Category bên dưới. |
| Search | Hiển thị sản phẩm khớp từ khoá khách nhập ở add-on Search. |
| Related | Dùng khi đặt add-on này trên trang Product Detail để hiển thị sản phẩm liên quan — cần trang đó đã có add-on Product Detail, chọn Related, chọn nhóm ở Category, chọn điều kiện lọc Category hoặc Tag. |
Tab Display: Addon Title/Description (bật-tắt), Add to cart (nút thêm giỏ hàng), Page Limit (giới hạn số sản phẩm — cần bật Pagination mới hoạt động), Items per Line (số sản phẩm/hàng), Horizontal/Vertical Spacing (khoảng cách giữa các sản phẩm).
Tab Button: Read More Button (nút xem chi tiết, có thể ẩn/hiện/đổi tên), Add Button (thêm nút tuỳ chỉnh, đặt tên + gắn link riêng).
Tab Image: nhập Image Width/Height để ảnh sản phẩm tự hiển thị đúng kích thước.
Tab Slider (nên cấu hình sau cùng, sau khi đã xong các tab khác): bật Slider, Item Number (số sản phẩm/hàng), Rows Number (số hàng), Loop (tự trượt tiếp sau khi hết), Auto Play + Play Timeout (số càng nhỏ trượt càng nhanh, vd. 4000 nhanh hơn 7000), Arrow Buttons (mũi tên trượt), Arrow Buttons Position (Inside/Outside/Middle). Cũng có riêng ô số sản phẩm/hàng và khoảng cách như tab Display.
Tab Tab: bật để hiển thị tất cả nhóm sản phẩm dạng tab chuyển qua lại ngay trong add-on; bật thêm Show Tabs Image nếu muốn mỗi tab có ảnh minh hoạ, kèm Image Width/Height riêng.
Chưa tìm thấy điều bạn cần?
Đừng lo, vẫn còn nhiều cách khác để được hỗ trợ.
Email hỗ trợ
Đội ngũ Eraweb sẽ phản hồi trực tiếp yêu cầu của bạn qua email trong 24 giờ.
Gửi yêu cầu hỗ trợ →
Chat trực tiếp
Từ câu hỏi trước khi mua đến xử lý sự cố kỹ thuật, trò chuyện với đội hỗ trợ 24/7.
Chat ngay →