Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
WooCommerce - change number of products displayed per page
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 stored on Options -> Reading
// Return the number of products you wanna show per page.
$cols = 9;
return $cols;
}
@GoldLeafx86
Copy link

GoldLeafx86 commented Nov 1, 2016

Thanks a lot ! that works like cream 👍

@imanuelgittens
Copy link

imanuelgittens commented Jan 3, 2017

Works beautifully. Thank you!

Copy link

ghost commented Jan 11, 2017

Thanks :)!

Copy link

ghost commented Mar 21, 2017

@jameskoster Great It's working for me :)

@vivoeusebio
Copy link

vivoeusebio commented Mar 30, 2017

Not sure if I'm doing something wrong, but it's not working for me :/

I'm using a child theme for the Divi theme (https://www.elegantthemes.com/gallery/divi/) and added the code to my functions.php, but my store still shows just 9 products per page. If anyone has any idea what I might be doing wrong, I would appreciate it immensely. Thank you.

@darwing1210
Copy link

darwing1210 commented Apr 3, 2017

@vivoeusebio there is an option in the divi settings

@paaljoachim
Copy link

paaljoachim commented Jul 11, 2017

I had a similar problem with a client site and have received some help from X theme support on the correct shortcode to use:

[product_category category="plakat-30x40cm" number="26" per_page="26"]

It worked well for the client site.

@keyurjay
Copy link

keyurjay commented Jul 26, 2017

put this code for my theme functions.php or new create wocommerce functions.php

@Josepek
Copy link

Josepek commented Aug 5, 2017

Oh! greats!
Thanks...

@angelique2017
Copy link

angelique2017 commented Oct 21, 2017

This Plugin works fantastic, no need to change your coding, just install the plugin, change the amount of products you want and change the amount of rows also.
https://wordpress.org/plugins/woocommerce-products-per-page/

@KristinUbute
Copy link

KristinUbute commented Mar 3, 2018

HI, I'm having similar issue cannot get more than 5 products to be viewed for Categories but ONLY on mobile device. Works perfectly viewing 16 products per page on PC/Laptop and ipad.

Using Woocommerce, Storefront theme, Woocommerce products per page and other plugins.

Have also installed WOocommerce Products per page and works on PC/Laptop and Ipad.

But no matter what only 5 products MAX showing on each category for MOBILE ONLY.

Have been googling for days to resolve this issue, no-one seems to know or I haven't found the right support yet !
I see the functions.php snippet everywhere but that doesn't help for the mobile view.

Using WP Touch and just want to ADD in snippet of code to CHANGE the number of products viewed on mobile to 20 per page.
It's across all pages in WOocommerce for mobile.

I tried to find the settings in Theme Storefront and have submitted a ticket but no response to them.
Have submitted a ticket to WP Touch also still waiting.
And submitted on Wordpress.org support forum also.

If it displays 2 columns on mobile could this be causing an issue ?
I prefer having 2 columns of products on the mobile ..
as I have the home page which displays 1 product per line and shows more than 5 .. this is the ONLy page that is normal more than 5.
So maybe a line of CSS code to allow it to KNOW more products to be shown more than 5 somehow.

Any help great appreciated.

Urgent

Thx
Kristin

@iiiGerardoiii
Copy link

iiiGerardoiii commented Aug 20, 2018

Go to yourdomainname/wp-admin/options-reading.php

@chameleonwebservices that's exactly what I was looking for, I knew it had to be somewhere in the Wordpress settings.

Thanks a lot buddy.

@Krunal2070
Copy link

Krunal2070 commented Sep 10, 2018

Thanks Work for me.

@pablo-sg-pacheco
Copy link

pablo-sg-pacheco commented Dec 7, 2018

If you want to make it work on DIVI theme you can try this approach.
It will override the DIVI settings.

add_filter( 'option_et_divi', function( $option ){
	$option['divi_woocommerce_archive_num_posts'] = 6;
	return $option;
} );

@gabriel-munteanu
Copy link

gabriel-munteanu commented Feb 7, 2019

If you want to make it work on DIVI theme you can try this approach.
It will override the DIVI settings.

add_filter( 'option_et_divi', function( $option ){
	$option['divi_woocommerce_archive_num_posts'] = 6;
	return $option;
} );

Thanks a lot!

@peterg23
Copy link

peterg23 commented Apr 9, 2019

@pablo-sg-pacheco thank you!

@PaolaGress
Copy link

PaolaGress commented Mar 11, 2020

@gabriel-munteanu HI there! I´m new in GITHUB. I will appreciate your help with the same issue of Products Per Page in Enfold Theme, for Woocommerce, I´ve tried the code above, I've tried Code Snippets, I've tried similar codes but nothing works for me. It only Return 12 products per Page as default. Thanks in advance.

@gabriel-munteanu
Copy link

gabriel-munteanu commented Mar 20, 2020

@PaolaGress Maybe you should look in the source code of your theme to check if there is a hard-coded value.
As far as I remember, the code snippet form above was meant to be put inside functions.php in a child theme of your main theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/
Hope this helps!

@amirshnll
Copy link

amirshnll commented Jun 4, 2021

add_action( 'woocommerce_product_query', 'woocommerce_product_query' );
function woocommerce_product_query( $q ) {
    if ( $q->is_main_query() && ( $q->get( 'wc_query' ) === 'product_query' ) ) {
        $q->set( 'posts_per_page', '5' );
    }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment