Mình viết hướng dẫn ở đây mục đích chính là chia sẻ cho các anh em đang vọc hoặc tập tành làm web flatsome. Vì với nhiều tính năng ẩn hoặc các bạn không để ý đến. Biết đâu đấy lại là tính năng bạn đang cần.
Hiện tại Flatsome đang có sẵn tính năng Woocommerce infinite Scroll tức kéo vô cực sản phẩm. Kéo đến khi hết sản phẩm thì thôi. Nó thay tính năng loadmore hay xem thêm hoặc có thể là thay thế luôn kiểu phân trang (pagination).
![[Code hay flatsome]Hướng dẫn Infinite Scroll, kéo sản phẩm vô cực trong Woocommerce 1 infinite scroll flatsome hướng dẫn 2](https://thaibinhweb.net/wp-content/uploads/2021/12/infinite-scroll-flatsome-hC6B0E1BB9Bng-dE1BAABn-2.png)
Các bạn có thể xem hướng dẫn như hình trên hoặc thực hiện theo thứ tự sau.
- Đăng nhập vào wordpress, chọn flatsome,
- Chọn tab advanced, kéo xuống chọn infinite Scroll
- Tích vào ô infinite scroll category/product.
- Các bạn có thể sử dụng thêm tùy chọn thay thể hình ảnh spin (xoay vòng) khi tải ở bước 4 nếu có sẵn một file gif. Tùy theo cách sáng tạo của bạn. Nếu không dùng, thì khi load, mặc định sẽ không có spin gì.
- Đã hoàn thành, tận hưởng nó thôi nào.
Khi bạn làm xong, giao diện của nó sẽ như này.
![[Code hay flatsome]Hướng dẫn Infinite Scroll, kéo sản phẩm vô cực trong Woocommerce 2 Hình ảnh mặc định Infinite Scroll flatsome khi bạn chưa thêm ảnh gif ở bước 4. Phần này nó sẽ tự động thay thế phân trang cho danh mục sản phẩm của bạn.](https://thaibinhweb.net/wp-content/uploads/2021/12/infinite-scroll-flatsome-hC6B0E1BB9Bng-dE1BAABn-3-1.jpg)
Chúc các bạn thành công.
Bài viết liên quan :
Mã code tổng hợp rút gọn link url sản phẩm, url bài viết và giá 0đ thành liên hệ
Tăng Tốc Cực Nhanh Cho Website Với Công Nghệ LiteSpeed
Kích hoạt Chứng chỉ số SSL trỏ DNS xác thực CNAME nếu mail lỗi
Dưới đây là các phông chữ của HungLan Design để người dùng tải xuống miễn phí
Tài liệu hướng dẫn cài đặt và sử dụng mẫu tin tức
Code nút like, chia sẻ bài viết facebook cho website