Pagination

As discovered by the Baymard Institute (guidelines #501 and #502), the best way to present the filtering results is a combination of product lazy loading and a “Show More” button, without any pagination.

  1. On desktop, lazy load a few rows of products, then display the “Show More” button.
  2. On mobile, use the “Show More” button right away.

In FiboFilters, we hide pagination in the filtering results and display the “Show more products” button below the product grid.

This is a temporary solution that we aim to polish closer to the release.

Pagination will be added in future versions of the plugin.

How to change the default number of displayed products?

The number of products displayed above the “Show more products” button can be set in AppearanceCustomizeWooCommerceProduct Catalog by changing the values of the “Products per row” and “Rows per page” options.

If these options don’t work properly or are not visible, your current theme has likely dedicated options that handle pagination and the number of products displayed on a page.