---
title: "Pagination"
date: 2020-11-17
author: "nK"
---

# Pagination

The Pagination module allows you to paginate the output of your projects, providing better navigation through your portfolio.

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.39.26-1024x583.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.39.26-1024x583.png)    ## Available Styles

- **Minimal** – A clean and simple pagination style.
- **Classic** – A traditional pagination style with button elements.

## Available Types

There are 3 types of pagination available, each with its own additional settings.

### Paged

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.41.45-1024x583.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.41.45-1024x583.png)    The paged pagination allows adjusting the following settings:

- **Display Arrows** – Show or hide arrows for navigation.
- **Display Numbers** – Show or hide page numbers.
- **Scroll To Top** – Automatically scroll to the top of the portfolio list when a new page is opened. Customize the offset of the scrolled position to prevent a sticky menu position, if your theme has one.

### Load More

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.42.57-1024x583.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.42.57-1024x583.png)    This type displays a button to load more portfolio projects when you reach the end of the page. The available settings include:

- **Texts** – Change the default button captions.
- **Hide on Reached End** – Hide the pagination when all projects are already displayed, and there are no more to load.

### Infinite

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.43.56-1024x583.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-15-at-20.43.56-1024x583.png)    The portfolio projects will continue to load as you scroll until you reach the end of the list. The available settings include:

- **Display Load More on startup** Pro – Start loading Infinite Scroll only after user interaction.
- **Display Load More every page load** Pro – Select the number of loaded pages after which to pause infinite scroll and display the Load More button.
- **Threshold Distance** Pro – Remaining scroll distance to the end of the gallery after which the next page loading should initiate.
- **Texts** – Change the default button captions.
- **Hide on Reached End** – Hide the pagination when all projects are already displayed, and there are no more to load.

## Setting Up Pagination

1. In your Visual Portfolio block settings, go to the **Layout** panel.
2. Click **Add Element** in the Bottom section and choose **Pagination**.
3. Configure the Pagination settings: 
    - Choose a style (Minimal or Classic)
    - Select a pagination type (Paged, Load More, or Infinite)
    - Adjust additional settings based on the chosen type