Loading & archives
Turn loading on, pick how it starts, where it runs, and how it behaves on small screens and for keyboard users.
General Options
Off uses your theme's normal WooCommerce pagination everywhere.
Loading Mode
- Spinner under the grid while the next products load
- "Load more products" button under the grid
| Mode | Behavior |
|---|---|
| Infinite Scroll (default) | Loads the next products automatically as shoppers near the end of the list. |
| Load More Button | Shows a button that loads the next products when clicked. Shoppers can always reach your footer. |
Very old browsers without the needed features automatically get the Load More button. Pro adds 7 pagination styles.
While Loading
What shoppers see after clicking Load More. Inside the Button: the button shows a spinner and the loading text. Loading Text: the loading indicator and text appear above the button. Also used on small screens set to Load More.
Where to Load Products
The main shop page, including WooCommerce product search results.
Every product category page.
Tag, attribute and brand archives, and rules per archive, are in Pro: Archive rules.
Loading Behavior
How far before the end of the product list the next page starts loading in Infinite Scroll mode. Larger values load earlier, so shoppers rarely see the spinner.
Always use the Load More button switches to the button on small screens so shoppers can still reach your footer. It switches live when a phone is rotated.
Screens this wide or narrower count as small screens. Used only with "Always use the Load More button".
Accessibility & Motion
A short fade for newly loaded products. Always skipped for shoppers who prefer reduced motion.
After the Load More button is used, keyboard and screen reader focus moves to the first new product, so shoppers continue where the new products start.