OVIRO LogoOVIRO | Trợ giúp
CMSPage Block

Block Danh sách sản phẩm

Block lấy sản phẩm động hoặc thủ công — lưới/slider và nút Xem tất cả trên website.

Block Danh sách sản phẩm (picker: Sản phẩm) hiển thị danh sách sản phẩm trên Landing page. Có thể lấy tự động theo danh mục/thương hiệu/từ khoá hoặc bổ sung sản phẩm chọn tay; tuỳ chọn gắn banner phía trên.

Cài đặt trên admin

Canvas

  1. Banner link (tuỳ chọn) — khởi tạo banner giống block Banner.
  2. Cài đặt sản phẩm động — xem trước số lượng lấy động.
  3. Bổ sung thêm các sản phẩm — chọn/sắp xếp sản phẩm thủ công.

Tab Sản phẩm — nguồn dữ liệu

TrườngGhi chú
Số lượng sản phẩm cần lấy tự động0–100; nhập 0 để bỏ qua lấy tự động
Lấy từ danh mụcChọn nhiều danh mục
Lấy từ thương hiệu
Tìm theo từ khoá
Lấy theo thứ tựNổi bật · Giá thấp · Giá cao · % Giảm giá nhiều · Hàng mới

Tab Sản phẩm — thiết kế

TrườngTuỳ chọn
Cách thức hiển thịDạng lưới (nhiều hàng) · Dạng Slider ngang (một hàng)
Số sản phẩm/hàng3–7
Viền / nền / bo góc / padding / margin của box SP
URL + nội dung nút Xem tất cảĐể trống nội dung → website dùng nhãn mặc định
Canh lề nút Xem tất cảTrái / giữa / phải / cùng hàng tiêu đề

Kết quả trên website

Lưới

┌─  Tiêu đề block ──────────── [Xem tất cả] ─┐
│  [banner slider tuỳ chọn]                  │
│  ┌────┐ ┌────┐ ┌────┐ ┌────┐               │
│  │ảnh │ │ảnh │ │ảnh │ │ảnh │               │
│  │tên │ │tên │ │tên │ │tên │               │
│  │giá │ │giá │ │giá │ │giá │               │
│  └────┘ └────┘ └────┘ └────┘               │
│              [Xem tất cả] (nếu canh dưới)  │
└────────────────────────────────────────────┘
Mobile: thường 2 cột; Desktop: theo số SP/hàng.

Slider

┌─ [<]  Tiêu đề block ──────────────── [>] ─┐
│  [banner?]                                 │
│  [SP] [SP] [SP] [SP]  →  vuốt ngang        │
└────────────────────────────────────────────┘

Nếu không có sản phẩm sau khi lấy động + chọn tay, block thường không hiện trên public (trừ một số identifier đặc biệt như new-arrivals).

Khi nào dùng

  • Khối “Sản phẩm nổi bật / mới / giảm giá” trên trang chủ.
  • Landing chiến dịch gắn một danh mục hoặc thương hiệu.
  • Slider “Có thể bạn thích” giữa nội dung trang.

On this page