Product Pagination

The Product Pagination widget renders page navigation controls below the Product Grid or Product Table widget. It allows customers to move between pages of products when more products exist than the per-page limit set on the grid or table.

How to Add It

Open the Elementor editor on your Shop or Category Archive page.
Search for Product Pagination in the widget panel.
Drag it below the Product Grid or Product Table widget.
Configure the pagination style in the Content panel.

Note: Product Pagination must be on the same page as a Product Grid or Product Table widget to function. Ensure Show Pagination is enabled on the grid/table itself, or use this standalone widget instead.

Settings Reference

Setting	Description	Default
Style	Pagination style: Numbered, Previous/Next, Load More Button	Numbered
Show Previous/Next	Display Previous and Next text links alongside numbered pages	Enabled
Previous Text	Label for the previous page link	Previous
Next Text	Label for the next page link	Next
Page Range	Number of page number links to show at once	5
Load More Text	Label for the Load More button (Load More style only)	Load More Products
Scroll to Top	Scroll the page to the top of the product grid on page change	Enabled

Common Use Cases

Use Numbered pagination for catalogues where customers may want to jump to a specific page. Use the Load More Button style for a more modern, infinite-scroll-style experience on mobile-friendly layouts. Use Previous/Next-only pagination for simple catalogues where page count is not important.

Tips & Notes

Tip: Enable Scroll to Top so customers are not left viewing the bottom of the page after navigating to a new set of products.

Note: The Product Grid’s built-in pagination and this standalone widget serve the same purpose — use one or the other on a given page, not both.