Pagination
Controls the style, behavior, and colors of page navigation used on collection and blog pages.
Where to find it
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Click Pagination
Settings
General
| Setting | Description | Default | Options |
|---|---|---|---|
| Mode | Choose between traditional numbered pagination or a "Load more" button. | Pagination | Pagination, Load more |
| Pagination style | Sets the visual shape of the page number buttons. | Circle | Circle, Underline, Square, Pill, Minimal |
| Max visible pages | Controls how many page numbers are shown at once. | 4 pages | 3 pages, 4 pages |
| Show arrows | When enabled, navigation arrows appear beside the page numbers. | On | On / Off |
| Show first and last page | When enabled, links to the first and last page are always visible. | On | On / Off |
| Alignment | Sets the horizontal position of the pagination controls. | Center | Left, Center, Right |
| Button label | The text displayed on the "Load more" button. Only applies when Mode is set to Load more. | None | Free text |
Light mode
| Setting | Description | Default |
|---|---|---|
| Background color | The background color of inactive page number buttons in light mode. | None |
| Active background color | The background color of the currently selected page number button in light mode. | None |
| Text color | The text color of inactive page number buttons in light mode. | None |
| Active text color | The text color of the currently selected page number button in light mode. | None |
Dark mode
| Setting | Description | Default |
|---|---|---|
| Background color | The background color of inactive page number buttons in dark mode. | None |
| Active background color | The background color of the currently selected page number button in dark mode. | None |
| Text color | The text color of inactive page number buttons in dark mode. | None |
| Active text color | The text color of the currently selected page number button in dark mode. | None |