TẠO TRANG CHỦ VỚI UX BUILDING THEO THEME FLATSOME

A/ Tạo Session 1 cho trang chủ:

B1: Vào QTW -> Mở trang chủ -> Edit Trang -> Edit with UX Builder -> Add element -> chọn Section -> Chọn Default -> Apply -> Admin laber: đặt tên (vd: Session banner) -> chèn các thuộc tính hình ảnh… nếu cần -> Visibilit: visible (được hiển thị trên điện thoại)…-> Apply.

B1.2: Chọn w để xổ session banner ra -> Add to session -> chọn Slider -> Admin laber: đặt tên cho slide (vd: slider banner) -> Auto slider:
+ Timer (ms): 300 (thời gian slider chạy, chỉnh lên 400 hoặc 600… tùy theo nhu cầu
+ Tường Advanced  -> Visibility: chọn visible (hiển thị trên điện thoại) -> Apply.

B1.2.1: Chọn w Add to slide -> images -> select media -> chọn ảnh cần làm slider (ảnh slide kích thước 1280 x height (chiều cao tự điều chỉnh)  -> Use this image -> image Size: chọn Original -> Animate: chọn kiểu chạy hình ->  Apply -> tương tự cho các hình làm slide còn lại -> Update -> F5 trang chủ và xem kết quả.

 

B/ Tạo Session 2 cho trang chủ với Flatsome Studio:

Vào QTW -> Mở trang chủ -> Edit Trang -> Edit with UX Builder -> Add element -> chọn Flatsome Studio -> vào các tab Latest; About…-> chọn mẫu phù hợp -> Import -> Start và đợi cài -> chỉnh sửa phù hợp -> Update -> F5 trang chủ xem kết quả.

 

C/ TẠO Search Box                           

Vào QTW -> Mở trang chủ -> Edit Trang -> Edit with UX Builder -> Add element -> chọn Search box -> tùy chỉnh kích thước…-> Apply -> Update -> F5 trang chủ xem kết quả.

P/s: Khác với search box trong Header của them Flatsome.