Pagination Button

Pages through catalog results as a Load More button or Next/Prev controls.

Last updated

August 14, 2026

How to use

Set Type to Load More, Next, or Previous depending on the paging pattern you want.
Connect your active design to ⦿ Design.
For Next or Previous, optionally connect a ⦿ Disabled design to show at the start or end of the results — Load More ignores this control and hides itself instead (see below).

This only takes effect when Catalog Display's Pagination feature is turned on.

Optionally set Tracking to record pagination clicks in Framer Analytics.

`Type`	What it does	When there's nothing more that way
`Load More`	Appends the next page of results below the current grid, keeping customers in place.	Hides itself once every product has loaded — the `⦿ Disabled` control doesn't apply to this type.
`Next`	Advances to the next page of results.	Shows the connected `⦿ Disabled` design once there's no next page.
`Previous`	Goes back to the previous page of results.	Shows the connected `⦿ Disabled` design on the first page.