Sometimes you need to use pagination for your content which has a loop. This is also good to avoid increasing the page size and get a good performance. With Jupiter, you can use three different pagination styles.
In this article, we will discuss the types of paginations in Jupiter.
It’s the regular old Pagination nav which you can click on the page numbers to see the other content. It is the default pagination style in Jupiter. You can set it for archive pages like the default blog page and also for the individual loop items such as blog shortcode and image gallery.
To set up the default loop pagination styles, you should find the Pagination Style option in Jupiter > Theme Options. For example, you can find the Blog Pagination Style in Jupiter > Theme Options > Blog > Blog Archive.
Please note that none of the paginations will be done through Ajax and you can not directly rotate the pages with the URLs in Jupiter.
If you use the Blog shortcode in a page and set the Pagination Style to “Classic Pagination Navigation“, you will have the same look as the default blog page. It is also the same when you open a blog category or archive page by default.
This is good when you want to share the second page of your blog. Users will directly go to the second page when they click on your link.
On the other hand, if you use a Blog shortcode in a page and set the Pagination Style to “Classic Pagination Navigation“, you will have the same look as the default blog page, the only difference is, the other pages use AJAX to load and have no URL to share.
Load More Button
You can load the remaining posts in a loop by clicking on the Load More Button. This way you won’t have a page link to share and if you refresh your page, you will have to click on the load more button again to get to the same place as you were before.
Load on Page Scroll
Just like the Load More Button, it will load more posts when you scroll down the page. There are no buttons or page numbers, by only scrolling down the posts will show up.
Pagination doesn’t work
Make sure there are no JS error in your browser console. In case you need help to solve it, please open a ticket in the support desk.
Images do not show after paginating
Make sure the JetPacks image optimization option (formerly Photon) is turned off. In case you need help to solve it, please open a ticket in the support desk.