StorefrontHiển thị sản phẩm
Trang chi tiết sản phẩm (PDP)
Cài đặt gallery, tỷ lệ cột, vị trí giá/khuyến mãi và sản phẩm liên quan trên trang chi tiết.
Trang chi tiết sản phẩm (PDP) cấu hình trong Cấu hình website > tab Sản phẩm (nhóm chi tiết / gợi ý). Đây không dùng Page Block body — layout do theme + setting quyết định.
Vị trí menu admin
Website & App > Cấu hình website > Sản phẩm
Cài đặt chính
| Trường | Tuỳ chọn / ý nghĩa |
|---|---|
| Gallery trái / phải | Cột ảnh nằm bên trái hoặc phải nội dung mua |
| Tỷ lệ cột chính | 1:1 … 2:1 giữa gallery và thông tin |
| Layout gallery | Không / slider / lưới 1–3 |
| Vị trí thumbnail | Không / dưới / trái / trên / phải |
| Số thumbnail | 2–7 |
| Vị trí mô tả, thuộc tính, rating, review, wishlist | Trái / phải / full / sau tên… |
| Vị trí giá / khuyến mãi | Sau tên, sau option, sau nút… |
| Sản phẩm liên quan | Grid hoặc swiper, số cột, tiêu đề |
Kết quả trên website (ASCII)
Gallery trái (phổ biến)
┌──────┬────────────────┬─────────────────────┐
│ thumb│ │ Tên sản phẩm ♡ │
│ │ │ ẢNH CHÍNH │ ★★★★☆ (rating) │
│ │ │ (slider/grid) │ Option: size/màu │
│ ▼ │ │ Giá … │
│ │ │ KM / flash… │
│ │ │ [Thêm giỏ] [Mua] │
└──────┴────────────────┴─────────────────────┘
│ Mô tả | Thuộc tính | Đánh giá │
├────────────────────────────────────────────────┤
│ Sản phẩm liên quan: [SP][SP][SP] → │
└────────────────────────────────────────────────┘Gallery phải
┌─────────────────────┬────────────────┬──────┐
│ Tên / giá / nút │ ẢNH CHÍNH │thumb │
│ … │ │ │ │
└─────────────────────┴────────────────┴──────┘Đổi tỷ lệ cột làm cột ảnh rộng hơn hoặc hẹp hơn so với cột thông tin mua hàng.
Checklist khi PDP trông sai
- Gallery trái/phải và tỷ lệ cột đúng thiết kế.
- Thumbnail đủ số và đúng vị trí.
- Giá / KM xuất hiện đúng chỗ (sau tên vs sau nút).
- Ảnh/biến thể/giá đủ trong PIM — Visibility.
- Khối liên quan: bật grid/swiper và có dữ liệu gợi ý.