Return to previous page

WooCommerce Infinite Scroll – bullet points and page number displayed at the top

This topic has 3 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Olga Barlow

Robert

Participant

February 27, 2018 at 20:33
Hi

A few days ago after updating the theme and plugins to the lastest (as of today). I noticed that on Shop pages with lots of products in a category, the page numbers at the bottom of the page had disappeared and a LOAD MORE button shows, but didn’t do anything.

I saw another post with this problem which suggested looking at the following page:

WooCommerce Infinite Scroll and Ajax Pagination settings

I have XStore v4.20 installed, so I used the setting for “Pagination Type – Infinite Scroll” (not Pagination Type – Ajax Pagination)

It fixed the LOAD MORE button not working, however, I have a new problem. When I initially load the Shop page with lots of products, I can see some bullet points with the page numbers to link me to further pages to see more products. These should not be there with infinite scroll method. See the screenshot:-

Link to screenshot of bullet point, page numbers displayed

Note that i used these settings as advised in the first link:
```
Go to Settings > WooCommerce Infinite
Find Selector settings and change to:
For XStore theme version 4.19 and higher

Content Selector: .products-loop
Item Selector: .product
Navigation Selector: .after-shop-loop .woocommerce-pagination
Next Selector: .after-shop-loop .woocommerce-pagination a.next
```
and
```
Find Advanced Settings > On Pagination End
For XStore theme version 4.19 and higher

etTheme.loadInView();
jQuery('.filter-wrap .woocommerce-pagination').hide();
```
Please advise?

Regards
#186555 Copied
2 Answers

Robert

Participant

February 27, 2018 at 20:35

It seems that pagination is not correctly hidden. When I do scroll down the page to view all the products, then scroll back up, the pagination disappears.

(unable to edit original post again, that is annoying)

#186556 Copied
Olga Barlow

Support staff

February 28, 2018 at 11:11
Hello,

If you see pagination in this way https://prnt.sc/ikkqgs then try to clear browser and plugin cache, CDN if you use it.
If you want completely hide it use
```
.woocommerce-pagination {
    display: none;
}
```
Regards
#186633 Copied
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘WooCommerce Infinite Scroll – bullet points and page number displayed at the top’' has been successfully resolved, and the topic is now closed for further responses

WooCommerce Infinite Scroll – bullet points and page number displayed at the top

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection