Tutorial: Change Number of WooCommerce Products per Page (No Code)
There are many reasons why you might want to change the default number of WooCommerce products per page on your store’s main shop page. For example, you may be selling lots of (or very few) products, you may want to display more information with each product, or you might want to change the layout of the WooCommerce shop page.
And, of course, there are many benefits of changing the number of products per page on your product site. Depending on the type of products you sell, it could enhance the visual appeal of your website, increase product visibility, or streamline the purchasing user flow.
Unlike other tutorials, we’ll show you how to change the number of WooCommerce products per page without having to code. This is a non-technical guide that explains how you can change the default number of products per page using a plugin.
Why you might want to change the number of WooCommerce products per page
Most WooCommerce stores use the default page layout that displays 3 to 4 products per row. For each product, there’s typically a large product image, product name, price, and an add to cart button to go with it.
While this may work for small stores that sell a dozen or so products, it isn’t the ideal solution for every online store. This is partly because the default shop page layout can make it difficult for shoppers to find what they’re looking for. Shoppers can quickly get up due to having to scroll through so many pages of products. As a result, everyone loses!
Examples of stores that would want to change the default number of products per page
Here are some examples of online stores that might benefit from changing the number of products per page on their main shop page:
- Stores that sell many products. Stores that sell lots of products need to be able to effectively showcase dozens of products per page. These include wholesale stores where shoppers frequently purchase the same products. Since they already know the products they’ll be buying, they shouldn’t have to click through to individual product pages for each item.
- Stores that sell a handful of products. Micro stores that sell a handful of products (i.e. between 5 to 10 products) might want to showcase only 2-3 products per page. This enables them to improve both the visual appeal and usability of their online store. For example, Casper’s product page displays only three different types of mattresses.
- Online course and memberships. Online course instructors and membership site owners might want to display course previews along with important course details. Typically, an online course site or membership site sells 3-4 courses (or membership tiers). Displaying a preview of course content in a table layout is a great way to attract students and boost sales.
Next, we’ll explain some of the different ways you can change number of products on your main shop page.
You don’t need code to change the number of WooCommerce products per page
Typically, you’d have to mess around with code to change the number of WooCommerce products per page. This involves modifying your theme’s functions.php file and using a variety of advanced functions (such as
add_filter). The problem with this is that it’s not an easy and intuitive option for users who aren’t particularly tech literate.
Another way to change the number of WooCommerce products per page is to use your active theme’s built-in settings or customization options. However, not all themes have built-in settings for changing the number of WooCommerce products per page.
Thankfully, with WooCommerce Product Table, you can easily change the number of products per page without having to code. It’s an incredibly easy option for users who aren’t particularly tech-savvy, or those using themes that don’t come with built-in options to change the default number of WooCommerce products per page.
Perfect solution for large and small product databases.
How to change the number of WooCommerce products per page
For the purpose of this tutorial, we’ll assume you already have a WooCommerce-based online store set up with some products added to it.
Step #1: Install and set up WooCommerce Product Table
Get the WooCommerce Product Table plugin and install it to your WordPress site.
Next, navigate to WooCommerce → Settings → Products → Product Tables and enter the license key you received in the confirmation email.
Click the Save changes button at the bottom of the screen to proceed.
Step #2: Add product tables to your store
There are two ways to add product tables, replacing the default store layouts:
- Add a shortcode to a page (best for beginners)
- Replace the WooCommerce default shop and category pages (for intermediate and advanced WordPress users)
Method 1 – Add a shortcode to a page
The WooCommerce Product Table plugin comes with simple shortcodes that you can use to add product tables anywhere on your site.
Simply add the shortcode
[product_table] to whichever pages you want to list products. And if you want to create multiple tables, each listing different products (for example, by category), then you can do so using these instructions.
If you like, then you can prevent shoppers from accessing the default shop and category pages. Just install the free Redirection plugin, and redirect the default pages to your new product table pages.
Method 2 – Replace the WooCommerce default shop page
Many WooCommerce store owners replace the default shop page with a dynamic, front-end product table created using the WooCommerce Product Table plugin. Here’s what you need to do:
Log in to your server through FTP and create a new folder named woocommerce in your active theme’s directory. Upload the folder to your hosting server in the /wp-content/themes/<your theme>/woocommerce/ directory.
Next, download our sample archive-product.php template and upload it to the /woocommerce/ folder.
You should now be able to see product tables on the front-end of your default WooCommerce shop page. It should look something like this:
Be sure to check out this article for step-by-step instructions on how to build a custom WooCommerce shop page.
Step #3: Edit number of products to display on the front-end
WooCommerce Product Table allows you to control the number of products that appear in the front-end table as well as how many products are displayed on each page of the table.
Head over to the WooCommerce Product Table plugin’s settings page by going to WooCommerce → Settings → Products → Products Tables.
Rows per page
rows_per_page option lets you control the number of products that will be displayed on each page of the product table. The default number of rows per page is 20. Setting it to -1 will display all the products on a single page.
You can choose to set this option globally on the plugin settings page. Alternatively, you can use a shortcode to set row values for individual tables. This is useful if you’d like to showcase a different number of products in each product table e.g. for category pages.
Simply add the shortcode
[product_table rows_per_page)="30"] to the page you’d like to display the product table on. Replace 30 with the number of products you’d like to display in the table.
product_limit option lets you control the maximum number of products that’ll be displayed in the product table. The default number of products is 500.
You can use a shortcode to set product limits for individual tables. If you need to display a few dozen products at a time in your product table, we’d recommend enabling the lazy load option to deliver optimal performance. For this, use the shortcode
[product_table product_limit="750" lazy_load="true"]. Simply replace 750 with the maximum number of products you’d like to showcase in the table.
You’re now all set to change the number of WooCommerce products per page!
The WooCommerce Product Table plugin lets you change the number of WooCommerce products per page without having to code. This is a great way to enhance your main shop page’s usability, increase product visibility, and improve the purchasing user flow.
Do you agree that changing the number of WooCommerce products per page can help you improve your conversion rate? Let us know by commenting below.