OVIRO LogoOVIRO | Trợ giúp
CMSPage Block

Block Chữ và Hình

Block hai cột chữ–ảnh hoặc hero nền ảnh — cài đặt layout và kết quả trên website.

Block Chữ và Hình (picker: Chữ & Hình) ghép cột văn bản với ảnh hoặc video. Chỉ thêm được trên Landing page (tính năng tương ứng).

Cài đặt trên admin

Canvas

TrườngÝ nghĩa
Nội dung cột văn bảnRich HTML
Nội dung cột hình ảnhẢnh hoặc video
Tooltip / Link / ALT TextMeta của media

Tab Chữ & hình

TrườngTuỳ chọn
Cách hiển thịHình nằm bên trái · Hình nằm bên phải · Hình nền (Background)
Tỷ lệ cột trái & phải1:1, 1:2, 1:3, 1:5, 5:1, 3:1, 2:1 (khi không phải background)
Chiều cao Hero BoxKhi layout Background
Bo góc / bóng của hìnhTuỳ chỉnh media

Kết quả trên website

Hình trái / phải

Desktop:
┌─────────────────┬─────────────────┐
│                 │  Tiêu đề phụ    │
│   [ẢNH/VIDEO]   │  Đoạn mô tả…    │
│                 │  [CTA nếu có]   │
└─────────────────┴─────────────────┘

Mobile: xếp chồng 1 cột (ảnh rồi chữ hoặc ngược lại theo theme).

Hình nền (Background)

┌────────────────────────────────────────┐
│ ############## ẢNH NỀ ############## │
│                                        │
│         Chữ căn giữa trên ảnh          │
│         (hero box theo chiều cao)      │
│                                        │
└────────────────────────────────────────┘

Tỷ lệ cột (ví dụ 1:2) đổi độ rộng cột ảnh vs chữ trên desktop.

Khi nào dùng

  • Banner giới thiệu dịch vụ kèm ảnh minh hoạ.
  • Hero trang chủ / landing chiến dịch (layout Background).
  • Câu chuyện thương hiệu hai cột.

On this page