How to Set the Number of Products Per Page in WooCommerce

Admin

5 years ago

If your WordPress theme supports WooCommerce, then you might already have a setting that lets you set the number of products per page in your WooCommerce shop.

So, before jumping to the solution part, check your theme’s options for something like this:

This is how it looks on the Avada theme (affiliate link).

You can usually find your theme’s settings in Appearance > Theme Options or in Appearance > Customize if the developers integrated them there.

In case your WordPress theme doesn’t support WooCommerce, then I’ll show how to add a simple code that gets the job done.

Yes, if it’s possible and easy, we’ll be using a code, not a plugin 😀 . The fewer plugins you have, the better!

Related post: How to Change the Number of Products Per Row in WooCommerce

Change the number of products per page in WooCommerce

Before beginning, I recommend backing up the functions.php file or the entire website, as well as having a child theme in place, otherwise, the changes you make will disappear with the next theme update!

If you don’t have a child theme and it would be too complicated for you to set up one now, then you should use the Code Snippets plugin and add the code there.

Now, let’s get to it!

Step 1 – Access the functions.php file

Access your WordPress website’s files and edit the child theme’s functions.php file.

Editing functions.php via cPanel

It should normally be in /public_html/wp-content/themes/YourThemeName-child/functions.php.

If you’re using an add-on domain, not your main one, then it should be in /public_html/YourDomain/wp-content/themes/YourThemeName-child/functions.php.

Step 2 – Add the filter

Add the following PHP code (provided by the Woo devs) at the very bottom of the file or right before the ?> closing tag (if it exists).

/**
 * Change number of products that are displayed per page (shop page)
 */
add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );

function new_loop_shop_per_page( $cols ) {
  $cols = 9;
  return $cols;
}