CMSPage Block
Page Block
Tổng quan các loại block nội dung trên Landing page và Template Designer — cài đặt admin và cách website render.
Page Block là khối nội dung xếp chồng trên Landing page hoặc gắn vào nhóm Template Designer (header/footer/pagelet). Nhân viên cấu hình ở admin; khách thấy kết quả trên Storefront (storefront-www).
Vị trí thao tác
| Ngữ cảnh | Menu / route | Mode |
|---|---|---|
| Landing page | Website & App > Landing page → Thiết kế /page/design/id/{id} | Block của trang |
| Template Designer | Website & App > Template Designer | Pagelet theo nhóm (thường chỉ Văn bản và INLINE HTML) |
Loại block dùng được trên Landing page
| Loại (nhãn UI) | Có render trên website? | Bài hướng dẫn |
|---|---|---|
| Văn bản | Có | Văn bản |
| Chữ và Hình | Có | Chữ và Hình |
| Lưới | Có | Lưới |
| Banner | Có | Banner |
| Danh sách sản phẩm | Có | Danh sách sản phẩm |
| FORM | Có | FORM |
| INLINE HTML | Có | INLINE HTML |
| Danh sách | Chưa render trên storefront-www | Danh sách |
Carousel và INLINE JAVASCRIPT chỉ tồn tại ở tầng kỹ thuật — không có form thêm trên admin và không render public. Không dùng cho vận hành nội dung.
Khung chung mọi block (kết quả public)
Mỗi block được bọc trong một “vỏ” chung trên website:
┌──────────────────────────────────────────────┐
│ Tiêu đề block (tuỳ chọn, canh trái/giữa/phải)│
├──────────────────────────────────────────────┤
│ │
│ Nội dung theo loại block │
│ │
└──────────────────────────────────────────────┘Tab dùng chung trên admin (mọi loại):
- Tiêu đề — nội dung + màu, cỡ chữ, canh lề, bóng…
- Block style — màu nền/chữ, viền, padding, margin, bo góc
- Cấu hình block — tên block, Identifier
Luồng làm việc khuyến nghị
- Tạo Landing page (hoặc bật trang chủ slug
indextrong Cấu hình website). - Mở Thiết kế, thêm từng block theo thứ tự từ trên xuống.
- Dùng Xem kết quả trên màn thiết kế nếu có; sau đó kiểm tra URL public.
- Đặt trạng thái trang Hiển thị và kiểm tra lại cache website nếu cần.
Identifier đặc biệt (theme)
Một số theme (ví dụ ovfour) nhận diện identifier đặc biệt trên trang chủ (flash sale, danh mục, thương hiệu…). Xem Identifier đặc biệt.
Liên kết liên quan
- Web Forms — dùng trong block FORM
- Banner — module banner gắn với block Banner / Product
- Website Menu — điều hướng, không phải page block