Section Tabs

Tính năng cho phép bạn thiết kế nhiều section cùng 1 lúc, các nội dung từng section tab chỉ hiển thị khi bạn thiết lập sự kiện chuyển tab đến section đó.

1. Thiết kế nội dung section tabs

Bạn tạo mới 1 section như bình thường, sau đó ở mục thiết kế bạn bật section tabs.

Bạn thêm mới và chỉnh sửa hiển thị của section tabs theo các bước sau:

Bước 1: Bấm vào mục thêm để thêm mới 1 section trắng, hoặc chọn từ mục section mẫu/section của tôi. Ngoài ra, bạn cũng có thể nhân bản từ chính section bạn đang thiết kế.

Bước 2: Số thứ tự của từng section trong section tab là nội dung như trong khoanh đỏ. Thứ tự này dùng cho việc đi liên kết khi sử dụng sự kiện chuyển tab.

Bước 3: Bạn bấm chọn từng section tab và thiết kế nội dung hiển thị của các section theo mong muốn.

2. Hiển thị nội dung của section tabs trên landing page

Đối với tính năng section tabs, không có nút bấm chuyển từ section này sang section kia mà bạn phải sử dụng tính năng Sự kiện Chuyển Tab. Chi tiết tính năng tại đây.

Bạn thêm 1 phần tử (nút bấm/nhóm nút bấm/ảnh/text/hình hộp,...) thuộc 1 section khác và sử dụng tính năng sự kiện chuyển tab để có thể bấm chọn được section tabs. Ưu tiên sử dụng nhóm nút bấm để có hiệu ứng lựa chọn làm nổi bật.

3. Cách di chuyển 1 section đang không thuộc section tabs vào 1 section tabs bất kỳ

Bước 1: Bấm lưu lại section này vào mục section của tôi.

Bước 2: Trong section tabs, chọn thêm mới section → chọn section này từ mục section của tôi. Chi tiết tính năng tại đây.

4. Cách di chuyển 1 section đang thuộc section tabs thành 1 section độc lập trên trang

Bước 1: Ở danh sách section tabs, chọn vào section bạn muốn chuyển.

Bước 2: Ở section bạn vừa chọn, bấm vào nút nhân bản section.