Văn bản, Hình ảnh và Đường phân cách hoạt động như các mục đầy đủ trên bất kỳ trang nào, và như các khối bên trong nhiều mục khác. Cài đặt của chúng giống nhau ở cả hai nơi, với một vài khác biệt nhỏ được ghi chú bên dưới.
Thêm một mục
Trong trình thiết kế, bấm Thêm mục mới. Văn bản và Hình ảnh nằm trong nhóm Nội dung, Đường phân cách nằm trong Trang trí. Mỗi trang bạn có thể thêm tối đa 3 mục Văn bản, 3 mục Hình ảnh và 10 Đường phân cách. Để thêm dưới dạng khối, chọn một mục và bấm Thêm khối mới.
Văn bản
- Văn bản: trình soạn thảo có in đậm, in nghiêng, gạch chân, gạch ngang, cỡ chữ (Nhỏ, Bình thường, Lớn, Rất lớn), màu chữ, màu tô nổi và một nút xóa định dạng.
- Mẫu dựng sẵn: Mặc định, Đoạn văn hoặc Tiêu đề 1 đến Tiêu đề 6. Tiêu đề dùng phông chữ tiêu đề và cho công cụ tìm kiếm biết cấu trúc của trang. Chỉ dùng một Tiêu đề 1 trên mỗi trang.
- Phông chữ: Mặc định dùng phông chữ của kiểu có sẵn. Nội dung chính, Tiêu đề, Tiêu đề phụ hoặc Nhấn sẽ dùng phông chữ đó trong phần cài đặt Phông chữ thay thế.
- Kích thước (10 đến 30 pixel), Chiều cao dòng và Khoảng cách chữ (Hẹp, Bình thường hoặc Rộng).
- Chiều rộng: Vừa khung (rộng bằng đoạn chữ) hoặc Lấp đầy (toàn bộ chiều rộng). Căn chỉnh (trái, giữa, phải) xuất hiện khi chọn Lấp đầy.
Trên trang bộ sưu tập, văn bản có thể dùng {{collection_name}}, {{collection_description}} và {{products_count}} để hiển thị giá trị thực của bộ sưu tập đang được xem.
Hình ảnh
- Hình ảnh: chọn một ảnh từ thư viện phương tiện.
- Chiều rộng: Vừa khung, Lấp đầy hoặc Tùy chỉnh với Chiều rộng tùy chỉnh tính theo phần trăm. Căn chỉnh bị ẩn khi chọn Lấp đầy.
- Tỷ lệ: Tự động (hình dạng gốc của ảnh), Dọc, Vuông hoặc Ngang. Với tỷ lệ cố định, Vừa khung chọn Phủ kín (lấp đầy khung, có thể bị cắt) hoặc Vừa khít (hiển thị toàn bộ ảnh).
- Bo góc: bo tròn các góc, từ 0 đến 100 pixel.
- Liên kết: không bắt buộc. Ảnh sẽ mở địa chỉ này khi được bấm, ví dụ
https://example.com/products/your-link.
Đường phân cách
Một đường kẻ ngăn cách nội dung. Nó nằm ngang trong bố cục xếp chồng, và trở thành đường dọc khi được đặt trực tiếp trong một nhóm ngang.
- Chiều rộng: Vừa khung hoặc Lấp đầy.
- Độ dày: 1 đến 10 pixel. Độ dài: 5% đến 100% khoảng trống.
- Căn chỉnh: Đầu, Giữa hoặc Cuối. Nó hiển thị khi Độ dài dưới 100%.
- Bo góc: đầu đường kẻ Vuông góc hoặc Bo tròn.
Màu sắc và khoảng cách
- Khi là một mục, mỗi loại có một Phối màu: nền, màu chữ, và với đường phân cách là màu đường kẻ (màu viền của bảng màu). Xem Bảng màu.
- Khi là một khối, Văn bản có Dùng bảng màu của phần tử cha (bật sẵn). Tắt nó để chọn bảng màu khác. Hình ảnh trong khối theo mục của nó.
- Khoảng đệm ở mỗi phía. Mục Đường phân cách cho phép tối đa 200 pixel, để tạo khoảng trống lớn hơn giữa các mục.
Lưu ý
- Văn bản trống không hiển thị trên cửa hàng, nên một khối Văn bản trống không để lại khoảng trống.
- Ảnh bị cắt: đặt Vừa khung là Vừa khít, hoặc Tỷ lệ là Tự động.
- Đường phân cách không nằm dọc: nó phải nằm trực tiếp trong một nhóm được đặt là Ngang, xem Làm sao để dùng khối Nhóm để đặt nội dung cạnh nhau hoặc theo cột?.