facebook-icon

Hướng dẫn Infinite Scroll, kéo sản phẩm vô cực trong Woocommerce

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).

infinite scroll flatsome hướng dẫn 2
infinite scroll flatsome hướng dẫn 2

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.

  1. Đăng nhập vào wordpress, chọn flatsome,
  2. Chọn tab advanced, kéo xuống chọn infinite Scroll
  3. Tích vào ô infinite scroll category/product.
  4. 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ì.
  5. Đã 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.

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.
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.

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

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