Pagination

Numbered pagination, Load more button, or Infinite scroll.

Updated 2026-05-09

Listing block setting → Pagination style.

Mode	Behavior
`pagination`	Classic numbered pagination (Prev / 1 2 3 / Next)
`load_more`	"Load more products" button that appends the next page in-place
`infinite`	Auto-loads the next page when the customer scrolls near the bottom

When to use each

Pagination — best for SEO (crawlers see all pages), stable scroll position, easy to share a specific page URL.
Load more — better UX for browsing-driven catalogs, preserves scroll, single URL.
Infinite scroll — minimal-friction browsing; can hurt SEO if not set up with progressive crawling. Hides the footer behind ever-loading content.

Implementation notes

Load more uses fetch() to grab the next page's HTML, parses out the new product cards, and appends them to the grid. URL updates via history.pushState so the page-state shareable.
Infinite scroll uses Intersection Observer on the load-more sentinel; same fetch/append flow.

Tips

For 100+ products, load more strikes the right balance between exploration and footer access.
Always use pagination if SEO is a primary acquisition channel for the collection.

Need a hand? Contact support.