Infinite Scroll là hiệu ứng tải các bài viết kế tiếp bằng kỹ thuật AJAX sau khi cuộn trang tới một vị trí nào đó, chẳng hạn như kéo tới chân trang nó sẽ hiển thị các bài tiếp theo mà không cần bấm sang trang tiếp.
Hiệu ứng này sẽ giúp website bạn chuyên nghiệp hơn, dễ dàng đọc các bài kế tiếp mà không phải click nhiều lần. Mạng xã hội Facebook cũng sử dụng kỹ thuật này. Kỹ thuật này sẽ giúp giảm thời gian tải trang, rất tốt cho trải nghiệm của người dùng.
Trong wordpress, để sử dụng hiệu ứng này bạn có thể sử dụng Plugin YITH Infinite Scrolling. Plugin này sử dụng được cho cả các trang web bán hàng trên nền tảng Woocommerce.
Trong bài viết này mình sẽ không đề cập đến cách cài đặt Plugin mà chỉ đi sâu vào việc cấu hình sử dụng Plugin.
Trong bài này mình sẽ hướng dẫn cách cấu hình YITH Infinite Scrolling sử dụng cho Woocommerce.
Đây là giao diện cấu hình của YITH Infinite Scrolling:
Chúng ta sẽ đi từng bước 1.
Đầu tiên là phần Enable Infinite Scrolling: Đương nhiên là phải bật On lên rồi.
Navigation Selector: tại đây các bạn điền class css của phần phân trang.
Next Selector:
Item Selector
Content Selector
Loading image: phần này thì bạn cứ để mặc định.
