> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/product-grid/manage-paging-style.md).

# Manage paging style

Choose how many products load per page, and whether shoppers move between pages with numbered pagination, a "Load more" button, or infinite scrolling.

## What this does

Changes how a shopper moves through a large product grid — for example, a 300-product collection set to 24 per page with **Numbered pages** shows page links (1, 2, 3…) they click through; the same collection with **Infinite scrolling** instead keeps loading more products automatically as they scroll down, with no page links or clicks needed; **Load more button** sits in between, loading the next batch only when the shopper clicks a button.

## Steps

1. In the app, go to **Settings > General**.
2. In the **Pagination** card, choose a **Style**:
   * **Numbered pages** — classic page-number links.
   * **Infinite scrolling** — more products load automatically as the shopper scrolls down.
   * **Load more button** — shoppers click a button to load the next batch.
3. Set **Products per page** — any number from 1 to 100 (default 12).
4. Optionally add **Per-page choices** (for example 12, 24, 48). These fill a dropdown in the product grid toolbar so shoppers can change how many products they see per page. Leave it empty to hide that dropdown.
5. Click **Save** in the bar at the top of the page.

![Settings > General — Pagination card: Style, Products per page, Per-page choices](https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2Fgit-blob-6ae759c29278025e1f89215e4105572dcb34c340%2Fsettings-general-pagination.png?alt=media)

## Related pages

* [Manage sorting products](/product-grid/manage-sorting-products.md)