Archived topic
Shop Next Page Navigation
9 replies · Started by Matthew on July 14, 2020
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