WooCommerce Infinite Scroll and Ajax Pagination settings

XStore comes bundled with an extremely useful plugin,  WooCommerce Infinite Scroll and Ajax Pagination. This plugin converts default product pagination into Infinite Scroll or Ajax pagination with the WooCommerce Lazy Load. To make this plugin work with our theme, you will need to add a number of special settings

Pagination Type - Infinite Scroll

Go to Settings > WooCommerce Infinite

Find Selector settings and change to:

  • Content Selector: .products-loop
  • Item Selector: .product
  • Navigation Selector: .after-shop-loop .pagination-cubic
  • Next Selector: .after-shop-loop .pagination-cubic a.next

Find Advanced Settings > On Pagination End

etTheme.loadInView();
jQuery('.filter-wrap .pagination-cubic').hide();

The other settings may be selected in accordance with your needs.

Pagination Type - Ajax Pagination

Go to Settings > WooCommerce Infinite Scroll

Find Selector settings and change to:

  • Content Selector: .products-loop
  • Item Selector: .product
  • Navigation Selector: .pagination-cubic
  • Next Selector: .pagination-cubic a.next

Find Advanced Settings > On Pagination End

etTheme.loadInView();

The other settings may be selected in accordance with your needs.