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/products 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 a few adjustments.

Demo:

Infinite Scroll for Divi Woo Products module

Follow the steps below to achieve this effect:

  1. Install and activate this plugin:
    https://wordpress.org/plugins/yith-infinite-scrolling/

  2. Use a Woo Products module on any page or Theme Builder Template where you want this effect.

    Use this CSS class for the Woo shop/product module: my_infinite_shop

    Infinite Scroll for Divi Woo Products module

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

    Infinite Scroll for Divi Woo Products module

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

    Infinite Scroll for Divi Woo Products module

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

    1. Navigation Selector: .my_infinite_shop nav.woocommerce-pagination

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

    3. Item Selector: ul.products li.product

    4. Content Selector: .my_infinite_shop

    You can see in the screenshot below how the settings should look like:

    Infinite Scroll for Divi Woo Products module using YITH Infinite Scrolling

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

Did this answer your question?