Site logo

Archived topic

Shop Next Page Navigation

9 replies · Started by Matthew on July 14, 2020

Viewing posts 1–10 of 10

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?

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.

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.

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.

Ok, set to 9 now.

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;
}

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;
}

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

Looking good. Thank you.

You're welcome

This archived topic is closed to new replies.