YITH Infinite Scrolling documentation

Settings

Congratulations. You have completed the first step and now you are ready to change the plugin settings.

YITH Infinite Scrolling lets you show the contents of different pages in a single one: with the related settings, the paging will be cancelled and contents will be loaded in the same page with an infinite scrolling effect.
Products are loaded in Ajax and the plugin works with blog and shop pages.

The plugin is based on the selectors of the page in which you would like to have the scrolling effect. Selctors can be class od ID names: the first ones must have a dot in front (.class-name), while the second must have a hash (#id-name).
Our following example are based on the WooCommerce shop page.

General Options

1. Enable Infinite Scrolling

Back to top
01

This option activates the plugin.

2. Navigation Selector

Back to top
02

This selector that contains the product navigation.

03

3. Next Selector

Back to top
04

The selector of the link that redirects to the next page.

05

4. Item Selector

Back to top
06

The selector of the single product in the shop page.

07

5. Content Selector

Back to top
08

The selector of the general box in the product list of the shop.

09

6. Loading Image

Back to top
10

This options allows to upload the loader you want to show while scrolling.

11