Configuring the YITH Infinite Scrolling Plugin

Last Updated on

YITH Infinite Scrolling WordPress is a plugin from the YIThemes group. This plugin allows you to have infinite scrolling on your WooCommerce shop page, simplifying navigation through your shop, helping customers view more products quicker, and giving you more chances to boost your sales!

You can see how it works with the official demo from YITH here.

There are Free and Premium versions of this plugin available, and in this article, we explain how to install and configure the free version of the YITH Infinite Scrolling plugin.

x
Note: This will only work on the default shop pages and categories. It won’t work when the Product Loop or Shop shortcode is used in the page.

In this article


Installing the Plugin

To install the free version of the YITH Infinite Scrolling plugin:

1
From the WordPress left menu, go to Plugins > Add New page.

yith Infinite Scrolling

2
Search for YITH Infinite Scrolling and click on the Install Now button.

yith Infinite Scrolling

3
After the installation process, click on the Activate button.

yith Infinite Scrolling


Configuring the Plugin

After the plugin installation, it’s time to configure the plugin in a way that it works for the Jupiter theme.

To configure the plugin:

1
From the WordPress left menu, go to the YITH Plugins > Infinite Scrolling page.

yith Infinite Scrolling

2
Configure the setting fields according to the table below.

Setting Value for Product page
On
Navigation Selector nav.woocommerce-pagination
Next Selector nav.woocommerce-pagination a.next
Item Selector article.product
Content Selector .theme-content
Loading Image Upload your image or leave it default
3
Click on the Save Changes button and check your shop page.


Common Issues

The plugin does not work.
The plugin will only work on the default shop pages and categories. It won’t work when the Product Loop or Shop shortcode is used in the page. Deactivate all of your plugins. If the issue persists, please open a ticket in the support desk.

When I scroll down and load more items, the images are not showing.
If you have Jetpack, make sure that the JetPack image optimizer (formerly Photon) is turned off from JetPack settings. Otherwise, open a ticket in the support desk.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket