Quick start

It works out of the box. These five steps tailor it to your store.

Free

1. Choose a loading mode

General → Loading Mode: Infinite Scroll loads products automatically; Load More Button waits for a click. Pick Load More if your footer holds important links. With Load More, While Loading decides whether the loading text shows inside the button or above it.

  • General Options card: Enable Infinite Scroll toggle and the Infinite Scroll / Load More Button choice
  • Where to Load Products, Loading Behavior and Accessibility & Motion cards
  • Reset to Defaults card in the sidebar

2. Pick where it runs

Keep Shop Page and Product Category Archives on, or turn either off. Pro adds tag, attribute and brand archives.

3. Handle small screens

Set On Small Screens to Always use the Load More button so phone shoppers can still reach your footer. Small Screen Width (768 px) decides what counts as small.

4. Match your brand

Appearance: choose a spinner or dots, a filled button or a plain text link, its colors, and edit the labels and messages. The Live Preview updates as you go. Click Save Changes on each tab you change.

5. Test it

  1. Open your shop in a private window

    Scroll to the end, or click Load More: the next products appear and the "Showing 1–16 of 40 results" count updates.

  2. Try sorting

    Sort by price and scroll again; the order is kept.

  3. Reach the end

    "You've seen all the products." appears after the last page.

Infinite scroll loads one WooCommerce page at a time. Set how many products a page holds under Appearance → Customize → WooCommerce → Product Catalog (or in your theme).
Numbered AJAX pages, skeleton loading, a product counter, URL sync so Back returns to the same spot, and rules per archive. See Pagination styles.