Add Infinite Scroll in a store with WooCommerce

You have asked me how to add infinite scrolling in our store made with WooCommerce.

Let's see how to do it easily.

For this we are going to use this plugin

In this video you can see how we are going to use it and the final result:

Subscribe to my channel:  

Once the plugin is installed, the Phoeniixx –> Infinite Scrolling menu will appear.

infinite scrolling configuration

To activate infinite scrolling we have to activate it through the check that you see on this screen:

infinite scroll setting

Once activated, if everything has gone well, you should be able to enjoy infinite scrolling.

In some cases it may not work.

As we can see in the previous image we have a series of fields that we can configure.

I am referring to the fields “Content Selector On Shop page”, “Next Selector On Shop page” and “Item Selector On Shop page”

These fields are the classes that the store paginator html has.

If in our case it is not the same as the one that comes standard, we should change it to make it work.

I hope the tutorial has served you 😉

Leave a comment