Shop Next Page Navigation

[Matthew]

If I set the number of products displayed in my shop to fewer than the number of products I have, I don’t see any navigation buttons to go to the next page. If I turn on display product results count, I can see that there are more available, but no way to get to them.

What am I missing here?

[David]

Hi there,

sorry – a little bit confused.
Are you saying there are products that are not being displayed in the shop or the Results Count is incorrect ?

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthew]

Sorry, I’m saying they’re not being displayed in the shop.

To be specific, we have 11 products in our shop and I set Appearance/Customize/Layout/Woocommerce/Products Per Page to 9.

I’m seeing the 9 products on the shop page, but have no way to access the other two. Based on the “products per page” I was expecting a next page button of some sort, but don’t see any settings for it.

[Tom]

Hi there,

Right now I’m seeing 11 items. Can you set it to 9 and let us know so I can check out the page again? There should definitely be pagination at the bottom.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Matthew]

Ok, set to 9 now.

[David]

I can see this CSS in your site which is hiding the pagination:

.infinite-scroll .woocommerce-pagination {
    display: none;
}

Do you have an infinite scroll plugin or function on the site?

If you can’t find what is adding that CSS then try overriding it with:

.infinite-scroll .woocommerce-pagination {
    display: block !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthew]

Yes I did. Infinite scroll was on in Layout/Blog/Use Infinite Scroll. I turned it off and I now have navigation buttons.

Would this leave it on for blogs and off for the shop?

.infinite-scroll .woocommerce-pagination {
    display: block !important;
}

[David]

Yes, i would think so as its specific .woocommerce-pagination

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthew]

Looking good. Thank you.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts