StorefrontHiển thị sản phẩm
Listing danh mục / danh sách SP
Cài đặt tab Sản phẩm ảnh hưởng trang listing — cột lọc, số cột thẻ, tỷ lệ ảnh và nút trên thẻ.
Các thiết lập listing nằm trong Website & App > Cấu hình website > tab Sản phẩm. Chúng quyết định trang danh mục / danh sách sản phẩm trông thế nào trên Storefront — không phải Page Block.
Vị trí menu admin
Website & App > Cấu hình website > Sản phẩm (nhóm cấu hình listing / thẻ sản phẩm)
Cài đặt chính ảnh hưởng giao diện
| Trường (ý nghĩa) | Ảnh hưởng public |
|---|---|
| Bộ lọc trái + list / Chỉ list | Có cột filter bên trái hay không |
| Số SP / trang | Phân trang |
| Tỷ lệ ảnh thẻ | 1:1, 3:4, 16:9… |
| Số cột Desktop / Mobile | 1–7 cột desktop, 1–3 mobile |
| Hover thẻ | Đổi ảnh / dịch / scale / xoay / không |
| Wishlist, Xem nhanh, Thêm nhanh, Mua ngay, So sánh | Icon hoặc nút trên thẻ |
| Badge hết hàng / lọc còn hàng | Tồn kho trên listing |
| Khoảng giá filter | Slider hoặc nhóm giá bên filter |
Kết quả trên website (ASCII)
Có cột bộ lọc
┌────────────┬──────┬──────┬──────┬──────┐
│ Bộ lọc │ thẻ │ thẻ │ thẻ │ thẻ │
│ □ Giá │ [ảnh]│ [ảnh]│ [ảnh]│ [ảnh]│
│ □ Thương │ tên │ tên │ tên │ tên │
│ hiệu │ giá │ giá │ giá │ giá │
│ □ Còn hàng │ ♡ 👁 +│ … │ … │ … │
└────────────┴──────┴──────┴──────┴──────┘
phân trang: ‹ 1 2 3 ›Chỉ list (không filter trái)
┌──────┬──────┬──────┬──────┐
│ thẻ │ thẻ │ thẻ │ thẻ │
│ … │ … │ … │ … │
└──────┴──────┴──────┴──────┘Tỷ lệ ảnh thay đổi khung [ảnh] (vuông 1:1, cao 3:4, ngang 16:9…). Hover “đổi ảnh” cần sản phẩm có nhiều ảnh đại diện.
Checklist khi listing “trông sai”
- Đúng layout (có/không filter) trên tab Sản phẩm.
- Số cột Desktop/Mobile khớp thiết kế.
- Tỷ lệ ảnh thống nhất với ảnh PIM.
- Sản phẩm đủ điều kiện hiển thị — xem Visibility.
- Làm mới cache website nếu vừa đổi setting.