Cách thêm, nhân đôi, xóa, ẩn 1 Element trong UX builder theme Flatsome

Mỗi Element sẽ có một chức năng khác nhau như: Element tạo banner, chia cột, tạo hình ảnh, chia chột, video, các nút CTR…

Cách thêm Element là bạn rê chuột vào Add Element, nhấp vào Icon “+”. Bên cột tay trái sẽ xuất hiện các Element để bạn lựa chọn, ở đây ví dụ mình sẽ chọn Element Banner.

Sau khi chọn bạn sẽ thấy Element được đưa vào trang. Tùy chỉnh cho khối này bằng cách đưa chuột vào vùng Element banner, nhấp chuột trái, bạn sẽ thấy menu nhỏ với các chức năng.

• Option: Tùy chỉnh cho phần Element (bao gồm thêm ảnh, màu sắc, căn chỉnh, hiệu ứng… tùy vào từng loại Element mà nó sẽ có từng chức năng Options khác nhau)
• Duplicate: Nhân đôi khối Element
• Delete: Xóa khối Element

Bạn chỉ cần nhớ cho mình 3 thao tác trên là được

Cách ẩn, hoặc chỉ hiển thị khối Element này cho từng loại giao diện. Bất kì một Element nào cũng hỗ trợ phần này.

Việc ẩn hoặc chỉ hiển thị khối Element này chỉ với giao diện Desktop hoặc mobile cũng khá quan trọng cho việc bạn thiết kế riêng cho từng loại giao diện.

Bên cột tay trái, bạn lăn chuột xuống cuối sẽ thấy phần Visibility

Ở đây có các chức năng sau:

• Visible: Hiển thị Element này trên tất cả giao diện
• Hidden: Ẩn Element này cho tất cả giao diện
• Only for Desktop: chỉ hiển thị Element này giao diện desktop
• Only for tablet: chỉ hiển thị Element này giao diện tablet
• Only for Mobile: chỉ hiển thị Element này giao diện mobile
• Hidden For Desktop: Ẩn Element này ở giao diện Desktop
• Hidden For Mobile: Ẩn Element này ở giao diện Mobile