[HOW TO] infinite scroll woocommerce products
in WooCommerce
Hello,
For those who wants to know how to create infinite scroll on your products archive page, here is the step by step guide :
1- edit your "/wp-content/themes/betheme-child/function.php" file and add this code to add the "famous next button" :
function filter_woocommerce_pagination_args($args) {
$args['prev_next'] = true;
$args['prev_text'] = '←';
$args['next_text'] = '→';
return $args;
};
add_filter( 'woocommerce_pagination_args', 'filter_woocommerce_pagination_args', 10, 1 );
2- Install and activate the plugin "Catch Infinite Scroll" (I dont have any link with this plugin, fell free to add another one)
3- Go to the "Catch Infinite Scroll" settings (in the left side menu)
4- And set the following settings (You might change some settings for your needs but I think this one work with default Betheme) :
Load On (Trigger on) = Scroll
Navigation Selector = .woocommerce-content .pager_wrapper .pages
Next Selector = .woocommerce-content .pager_wrapper .pages .next
Content Selector = #Content
Item Selector = .woocommerce-content .product.status-publish
Image = Select the waiting gif that you want (I'm using the default one)
Finish Text = Whatever you want when the infinite scroll end...
Reset Options = do not check
5- Click on "Save Changes" and enjoy
Comments