Hướng dẫn sử dụng Plugin YITH Infinite Scrolling

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.

YITH Infinite Scrolling

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.

Hướng dẫn sử dụng Plugin YITH Infinite Scrolling
Đánh giá bài viết

admin

admin has written 94 articles

Các bạn cần hỗ trợ hoặc kết bạn vui lòng liên hệ:
Skype: lephonghau37
Email: lephonghau@gmail.com

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">