How to Change Number of WooCommerce Products Per Page? (with Video)

Last updated - November 9, 2024

The default number of WooCommerce products in a shop page is 16, spread across 4Rows*4Columns. If you have a lot of products in your WooCommerce store, you might be looking to customize the number of products to be displayed on the shop page. This could be because of your site’s image sizes, widgets, or other design aspects.

Nevertheless, in this article, we will discuss 4 easy methods to set the number of products displayed per page in WooCommerce.

Table of Contents

4 Methods to Change the Number of WooCommerce Products Displayed Per Page

You can use any of the following four methods:

Default WooCommerce Theme Settings
Third-Party Theme Settings
Code Snippet
Using WordPress Plugin

Let us understand each method in detail.

1. Default WooCommerce Settings

You can change the number of products displayed easily using WooCommerce default settings.

To do this, click on the “Customize” setting on the top header menu of WordPress, as shown in the screenshot below.

This setting can also be accessed from Appearance > Customize.

Next, click on the “WooCommerce” settings in the left sidebar, and go to “Product Catalog”.

You can then scroll down the left sidebar to see the “Products per row” setting and set the number of products in each row.

Additionally, you can specify the number of rows on each page with the “Rows per page” setting. These settings will help you set up the desired number of products on each page.

2. Third-Party Theme Settings

If you install other third-party themes, the default WooCommerce settings discussed above may or may not be available to your theme. This is because some themes provide their settings for changing the number of products per page.

For example, the OceanWP theme provides this setting under WooCommerce > Archives > Shop Posts Per Page setting, as shown below.

This will help to align the number of products in the online store effectively.

Not just this, but these third-party themes provide additional settings for deeper customization.

3. Code Snippet

If your theme neither shows the default WooCommerce setting nor provides a custom setting for changing the number of products, you can make use of a simple code snippet and add it to the Theme Functions (functions.php) file of your activated website theme.

If you are unsure of how to update code snippets to this file, refer to our article for help.

Copy the below code snippet and paste it at the end of the functions.php file.

Change the number of WooCommerce Products Displayed Per Page

// Change the Number of WooCommerce Products Displayed Per Page
add_filter( 'loop_shop_per_page', 'lw_loop_shop_per_page', 30 );

function lw_loop_shop_per_page( $products ) {
 $products = 12;
 return $products;
}

In the above code snippet, replace the value 12 with the value of your choice.

Changing the number of columns per page

Although the code snippets discussed in the above sections change the number of products, it will display in the default number of columns (3) in the shop page. If you wish to change this, you can add the below code snippet in the functions.php file.

// Change the Number of Columns Displayed Per Page
add_filter( 'loop_shop_columns', 'lw_loop_shop_columns' );

function lw_loop_shop_columns( $columns ) {
 $columns = 5;
 return $columns;
}

In the above code snippet, replace the value 5 with the desired number of columns.

For demonstration, if we use any one of the code snippets for changing the number of products (12) discussed in the above sections and the above code snippet to change the number of columns (5) per page, we get a shop page as shown in the screenshot below.

hange-Number-WooCommerce-Products-Page-Code-Snippet

4. Using WordPress Plugin

One such plugin used for WooCommerce customization is the WooCommerce Product Table

This plugin allows you to decide on the number of products that need to be displayed on each page.

Features:

Create flexible tables with easy table builder and display them anywhere on the ecommerce site
Intuitive interface
Easily customizable shop page for people with no coding skills.

You can also watch the below video tutorial.

Final Wrap

If you do not want to touch your files or are not comfortable with code snippets, you can use a plugin to do the job. Although plugin can help you with the customization, it is not a suitable option if you already have long list plugins activated in your site.

Hence, you should use plugins only if you want more customization than just changing the number of WooCommerce products displayed per page. For the former case, I advise you to choose the code snippet method.

If you have found any other solution, code snippet, or plugin that has worked best for you, share with us in the comment. Although I have tested all the discussed methods, I am curious to know if it has worked for you. Do let me know in the comment section.

FAQs

Why should I Change the number of products per page?

Helps reduce the page load time; Fewer number products per page can ensure faster loading time.
Improving Product Visibility; There is no congestion and thus customers can easily the products.
Helps avoid clutter and customizes the page; Tailor display to your specific needs.

Can I change the number of products per page for specific categories or tags?

Yes, using WooCommerce plugins.

Is there any default number of products that need to be displayed per page?

The number of products on display can be your choice. But, it will be ideal to keep 12 or 20 to display. Bringing it down to a smaller count will result in more pages and increasing the per-page count can result in a poor user experience.

Can I change the number of products per page on mobile devices?

Yes, you can change the number of products per page on mobile devices. The specific options can differ depending on the theme that your website is designed in.