Do you want numbered pages under your product grid, so a big catalogue is easy to page through?
The Woo Product Listing widget in The Plus Addons for Elementor adds pagination, with or without a page reload.
To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.
- WooCommerce installed and active, with some published products.
- Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.
Step 1: Choose Pagination
Add the Woo Product Listing widget with a Grid, Masonry or Metro layout. In Content > More Post Options, set More Post Loading Options to Pagination.
Step 2: Standard or AJAX
- Standard (default) — each page is a new page load with its own URL.
- Ajax Based — pages change in place, without reloading. Visible Page Numbers, default 3, sets how many numbers show at once.
Pagination Next and Pagination Previous hold the labels, default Next and Prev.
Step 3: Set products per page
Maximum Posts Display in Content > Content Source is the number per page. It must be lower than your product count for pagination to appear.
Settings Reference
| Setting | Where | Default |
|---|---|---|
| More Post Loading Options | Content > More Post Options | None |
| Pagination Type | Content > More Post Options | Standard |
| Visible Page Numbers | Content > More Post Options | 3 (Ajax Based) |
| Pagination Next / Previous | Content > More Post Options | Next / Prev |
| Maximum Posts Display | Content > Content Source | 8 |
Limitations
- Not on Carousel, and not on Related, Upsells, Cross Sells or Recently Viewed listings.
- Standard pagination reloads the page; choose Ajax Based to keep shoppers in place.
- Pro only. The Woo Product Listing widget is not in the free plugin.
Troubleshooting
No pagination appears
You have fewer products than Maximum Posts Display. Lower it.
Related Docs
- Woo Product Listing widget: settings overview — every control in the widget.
- Add a Load More button
- Load products on scroll
