YITH Infinite Scrolling documentation
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.
1. Enable Infinite ScrollingBack to top
This option activates the plugin.
2. Navigation SelectorBack to top
This selector that contains the product navigation.
3. Next SelectorBack to top
The selector of the link that redirects to the next page.
4. Item SelectorBack to top
The selector of the single product in the shop page.
5. Content SelectorBack to top
The selector of the general box in the product list of the shop.
6. Loading ImageBack to top
This options allows to upload the loader you want to show while scrolling.