Builders & filters
Infinite scrolling for product grids built with the block editor, Elementor or Bricks, and continuous loading that keeps working after an AJAX filter.
Page builder product grids
With Page Builder Product Grids on (Archive Rules), paginated product grids on regular pages load more products too:
| Builder | Supported grids | Turn it off for one grid |
|---|---|---|
| Block editor | Product Collection block (and the older Products (Beta) block), and the [products] shortcode with paginate="true" | Block settings → Infinite Scroll → "Load more products as shoppers scroll" off; for a shortcode, wrap it in an element with the class siteryn-is-disable |
| Elementor | Products and Archive Products widgets | Infinite Scroll section → "Disable infinite scroll for this grid" |
| Bricks | Products element (and Bricks archive templates) | "Disable infinite scroll" checkbox |
Only the first grid on a page is enhanced. The grid needs its own pagination turned on in the builder, and keeps the per-page count set there. The mode can be set with the Page Builder Grids archive type rule.
- Product Collection block settings with the Infinite Scroll toggle
Pro never runs inside the Elementor or Bricks editor, their previews, or the Customizer preview.
AJAX product filters
When a filter plugin replaces the products without reloading the page, Pro cancels any load in progress, picks up the new next-page link and keeps loading the filtered results. Screen readers hear "Product results updated."
- Recognized directly: YITH WooCommerce AJAX Product Filter, FacetWP, JetSmartFilters, HUSKY (WOOF) and BeRocket AJAX Filters.
- Other AJAX filters are usually detected automatically when they replace the product list.
- WooCommerce's own filter widgets and blocks that reload the page need nothing.
With Hybrid, a filter change restarts automatic loading. The product counter and the products left on the button hide after a filter change, because the filtered total isn't known.