WooCommerce: How to Display All Products Without Pagination
Introduction:
WooCommerce, the leading e-commerce platform for WordPress, typically displays products in a paginated format. While this is useful for sites with a large number of products, it can sometimes be preferable to display all products on a single page for a better user experience. This can be especially beneficial for stores with a smaller inventory or when you want to create a visually engaging product catalog. This article will guide you through various methods to achieve this, weighing the pros and cons of each approach to help you choose the best solution for your needs. We will cover techniques ranging from simple WooCommerce settings adjustments to more advanced code modifications. Let’s dive in and eliminate that pesky pagination!
Main Part: Methods to Display All WooCommerce Products on One Page
Several methods can be employed to show all products in WooCommerce without pagination. Let’s explore each of them in detail.
1. Adjusting the “Products Per Page” Setting
The simplest approach is to modify the “Products per page” setting in WooCommerce itself. This is the recommended starting point as it requires no code modifications.
- Navigate to WordPress Dashboard > WooCommerce > Settings > Products > Display.
- Find Discover insights on How To Show Related Categories In Woocommerce the “Products per page” option.
- Enter a very large number (e.g., 9999) to essentially ensure all products are displayed.
- Save changes.
- Open your theme’s `functions.php` file (or create a custom plugin). Important: Always back up your theme before making changes!
- Add the following code:
Read more about How To Show Out Of Stock In Woocommerce
While easy, this method isn’t ideal for stores with thousands of products as it can negatively impact page load times.
2. Using the “woocommerce_loop_shop_per_page” Filter
This method involves using a WordPress filter to dynamically change the number of products displayed per page. This allows for more flexibility and control.
add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );
function new_loop_shop_per_page( $cols ) {
// $cols contains the current number of products per page based on the value set in WooCommerce settings
// We will override that value to display all products
return 9999;
}
- Save changes.
This code snippet hooks into the `loop_shop_per_page` filter and forces the number of products per page to a large value, effectively removing pagination. Adjust `9999` to a number larger than your total product count.
3. Using the “pre_get_posts” Action
This approach provides even more control and allows you to target specific product archive pages, if necessary.
- Open your theme’s `functions.php` file (or create a custom plugin).
- Add the following code:
add_action( 'pre_get_posts', 'bbloomer_change_products_per_page' );
function bbloomer_change_products_per_page( $query ) {
if ( ! is_admin() && $query->is_main_query() && is_post_type_archive( ‘product’ ) ) {
$query->set( ‘posts_per_page’, -1 ); // -1 displays all products
}
}
- Save changes.
This code checks if it’s the main query on a product archive page and then sets `posts_per_page` to `-1`, which tells WordPress to display all products. This only applies to the product archive page and won’t affect other pages. The `is_post_type_archive( ‘product’ )` function ensures this only applies to the main product archive page.
4. Using a Plugin
Several plugins are available that can handle this functionality. While this is the easiest option for non-developers, it’s important to choose a reputable plugin to avoid potential security or performance issues. Search the WordPress plugin repository for terms like “WooCommerce all products” or “WooCommerce no pagination.” Remember to read reviews and check the plugin’s last update date before installing.
Pros and Cons of Each Method
| Method | Pros | Cons | Best Use Case |
| ——————————————— | ———————————————————– | ———————————————————————– | —————————————————————————– |
| “Products Per Page” Setting | Simple, no code required | Can impact performance with a large product catalog | Small Read more about How To Change Woocommerce Add To Cart Button Color to medium-sized stores with a relatively small product catalog |
| “woocommerce_loop_shop_per_page” Filter | More control than the setting, code-based | Requires editing theme files, can impact performance with Learn more about How To Show Woocommerce Products On Page large catalogs | Medium-sized stores that want a quick code-based solution |
| “pre_get_posts” Action | Most control, targeted application | Requires understanding of WordPress queries and theme files | Stores that need very specific control over which product archives are affected |
| Using a Plugin | Easiest for non-developers, potentially feature-rich | Relies on third-party code, potential for security and performance issues | Users who prefer not to edit code and want a ready-made solution |
Conclusion:
Displaying all WooCommerce products on a single page without pagination can significantly improve the browsing experience for your customers, especially for stores with fewer products. We’ve explored several methods, each with its own advantages and disadvantages. The “Products per page” setting is the simplest for smaller catalogs, while the `pre_get_posts` action offers the most control for more complex scenarios. Carefully consider your store’s size, technical expertise, and desired level of control when choosing the right approach. Remember to always back up your website before making any code changes and test thoroughly after implementing any of these solutions. By carefully implementing one of these methods, you can create a more streamlined and user-friendly shopping experience on your WooCommerce store.
