Cách tạo trang tương tự Fullpage js bằng theme Flatsome

share

Get the best design for your Flatsome shop from $49

95% of the Flatsome shops get more conversion + sales with our designs

5/5 - (6 bình chọn)

Bạn có muốn tạo một trang tương tự như https://alvarotrigo.com/fullPage/

Sau đây mình sẽ hướng dẫn bạn cách tạo trang tương tự Fullpage js bằng theme Flatsome

Đầu tiên bạn tải plugin https://vi.wordpress.org/plugins/custom-css-js/

Bước 1: Tạo mới mục Custom JS của plugin vừa tải phía trên (đặt tên gì cung được) và copy đoạn js này vào tương tự như hình

Lấy đoạn JS TẠI ĐÂY

Cách tạo trang tương tự Fullpage js

Bước 2: Thêm đoạn script này vào mục Flatsome > Advanced -> Footer Scripts của theme Flatsome

<script type="text/javascript">
    var myFullpage = new fullpage('.fullpage', { verticalCentered: false }); 
</script>

Bước 3: Vào tạo 1 trang Full-Width

Nên Đặt ảnh cho từng section và chỉnh min-height cho section là 600px

fullpage demo

Bước 4: Đặt class cho mục Row là fullpage

fullpage demo 2

Cuối cùng là Upadate và tận hưởng thôi!

Chúc các bạn thành công!

Banner Tinohost 300x600 2