This code for WooCommerce adds jQuery infinite scroll to the shop page with a load more products button after your products grid.
The code enables you to :
- Set the number of products to be shown before the button is clicked.
- Customize the load more products button.
- Customize the no more products text.
- Use infinite scroll on the shop page or any other archive page type in WooCommerce.
- Use the code in any WordPress theme which uses WooCommerce.
The following video shows the load more products button added after the shop page loop loading the products super fast.
There’s 3 simple steps :
1. Copy and paste the PHP code to your child themes functions file or code snippets plugin.
2. Copy & paste the CSS to the end of your child themes style.css file or customizer > additional CSS
3. Upload the is.js and set.js files to your child theme folder.