All Collections
FAQ's and Troubleshooting
Infinite Scroll for Divi Woo Products module (aka Shop module)
Infinite Scroll for Divi Woo Products module (aka Shop module)

Customize to add Infinite Scroll feature to Divi shop module.

Rijendra avatar
Written by Rijendra
Updated over a week ago

Divi Woo Products module doesn’t have Infinite Scroll options by default; however this can be achieved with the help of a plugin and with few adjustments.

Demo:

1, To start with, you can install and activate this plugin:
https://wordpress.org/plugins/yith-infinite-scrolling/

2, Use a Woo Products module in any page or theme builder template where you want this.
Use this CSS class for the shop module: my_infinite_shop

3, Adjust the Woo Products module as required and set the “Product Count” to the number of products you want to show in the first load:

4, Enable the Pagination option in the Woo Products module:

5, Save your page/theme builder template, then go to the plugin settings and adjust according to this:

  • Navigation Selector: .my_infinite_shop nav.woocommerce-pagination

  • Next Selector: .my_infinite_shop nav.woocommerce-pagination a.next

  • Item Selector: ul.products li.product

  • Content Selector: .my_infinite_shop

Like this:

Save the changes, you should get the infinite scroll for the Woo Products module.

Did this answer your question?