1. Home
  2. Docs
  3. Shoptimizer
  4. Adding Infinite Scroll to the Shop

Adding Infinite Scroll to the Shop

You can add an infinite scroll feature to the Shop page on Shoptimizer, which will load in the next page of products on the same page. This means you don’t need to click on the numbered pagination and aids discovery on stores which have a lot of products.

Important – before starting

All infinite scroll plugins have an issue with product shortcodes displayed elsewhere on a page. So, if you have a mega menu, and are displaying products in it, you’ll find these same products are being duplicated in the infinite scroll loop.

The only solution is to remove these product shortcodes from the mega dropdown. You can replace them with image features which do not have this issue. Our mega menu guide has more details on how to do that.

So if you’re fine with that, read on.


1. Add the YITH Infinite Scrolling plugin

YITH Infinite Scrolling

Install and activate the YITH Infinite Scrolling plugin. You can search for it within the Plugins section of WordPress.


2. Change the Settings

Go to YITH > Infinite Scrolling and change the settings to the following.

YITH Infinite Scroll

Navigation Selector:
.sorting-end

Next Selector:
.woocommerce-pagination a.next

Item Selector:
.product

Content Selector:
.content-area

Shoptimizer - find out more
The fast WooCommerce theme built for speed and conversions.

Was this article helpful to you? Yes No

How can we help?