Overview of Pagination in Breakdance
This guide discusses the different pagination options when using Loop elements in Breakdance. It will also cover some of the limitations of pagination in Breakdance.
Adding Pagination
When you have a Post Loop element selected, navigate to the Pagination control to select a pagination type. Breakdance includes the following pagination options:
- None: No pagination will be displayed
- Numbers: Display the available page numbers at the bottom of the Loop element that users can click to navigate pages.
- Previous / Next: Display previous and next buttons at the bottom of the Loop element that users can click to navigate to the previous or next page in the query.
- Numbers + Previous / Next: Display both page numbers and previous and next buttons to allow more options for users to navigate post-pagination.
- Load More Button: Add a Load More button to the bottom of the Loop element that users can click to load more pages on the same page without having to reload the page.
- Infinite Scroll: When a user scrolls to the bottom of the Loop element, new posts will load automatically on the page without the user having to click anything and without reloading the page.
Styling Pagination
The Design Tab contains a Pagination section that you can use to change the design and styles of the pagination that has been selected. These options can vary from alignment, typography, colors, and other styles.
Pagination Limitations
There are some limitations to pagination in Breakdance. Specifically, these scenarios will disable pagination in Breakdance:
- When using Isotope Filtering.
- When using Gridbuilder WP filtering.
- When using FacetWP filtering.
- When a custom query is used on an archive page.
