Return to previous page

Woocommerce infinite scroll - by ichpen - on WordPress WooCommerce support

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

ichpen

Participant

December 4, 2016 at 17:11

Perhaps I’m being silly but none of my shop pages are making use of woocommerce infinite scroll which you bundle into your Xstore theme.

How/where is this enabled? The plugin is enabled

#147867 Copied

15 Answers
Olga Barlow

Support staff

December 5, 2016 at 15:01
Hello,

To make plugin work with our theme you need to add a number of special settings.

Go to Settings > WooCommerce Infinite Scroll
Find Selector settings and change to:

Content Selector: .products-loop
Item Selector: .product
Navigation Selector: .after-shop-loop .pagination-cubic
Next Selector: .after-shop-loop .pagination-cubic a.next

http://prntscr.com/d70bnt

Find Advanced Settings > On Pagination End
```
etTheme.loadInView();
jQuery('.filter-wrap .pagination-cubic').hide();
```
http://prntscr.com/d70bu6

All the other settings you may choose according to your needs.

Regards
#147948 Copied
ichpen

Participant

December 5, 2016 at 16:03

Thanks

#147966 Copied

Olga Barlow

Support staff

December 5, 2016 at 16:17

You are welcome!

Regards

#147979 Copied

ichpen

Participant

December 10, 2016 at 14:54

Hi,

I finally got a chance to try this. It works except when shop page is initially loaded we see the pagination numbers on the top shop filter. Is there anyway to hide the page numbers or is it css at this stage?

Thanks.

#148590 Copied

Olga Barlow

Support staff

December 12, 2016 at 20:57

Hello,

If you don’t want to show the pagination add the following code in Custom CSS (Theme Options > Styling)

.filter-wrap .pagination-cubic {display: none;}

Regards

#148753 Copied

Santhatela

Participant

December 12, 2016 at 22:00

hi Olga, taking advantage of this topic…

i using only ajax pagination… but in first page of shop pagination above products Works normal mode and after products woks with ajax.
When you click the pagination above the products it appears normally on the next page ….
When you click the paging after the products the top disappears

Have some extra configuration to do?
http://www.identidade.com.br/loja
Ajax pagination plugin is active and i follow the above instructions…

Thanks
Rudimar

#148779 Copied

Olga Barlow

Support staff

December 13, 2016 at 14:13

Hello,

By default WooCommerce doesn’t have top pagination and this plugin for the Ajax pagination also doesn’t have it, that’s why you don’t see pagination once use their option. I have sent report about this issue to our developers and we’ll try to fix it but I’m not sure if we are able to fix this compatibility problem.

Regards

#148864 Copied

Santhatela

Participant

December 13, 2016 at 23:24

Hopefully they get it, it would look really good with ajax paging in the store.

Thanks Olga.

#148966 Copied

Olga Barlow

Support staff

December 14, 2016 at 10:14

We’ll do our best.

Regards

#149007 Copied

donaceli

Participant

February 20, 2018 at 11:47

Hi, I have enabled the infinite scroll on my store, but the product list loads on top of the already displayed ones after the first load. The second load appears correctly under the already displayed products. Please take a look at the image below.

Xtheme Version: 4.19

Thanks for helping me to resolve this issue.

#185638 Copied Theme version: 4.19 WooCommerce version: 3.3.1

Rose Tyler

Support staff

February 20, 2018 at 11:50

Hello, @donaceli

Please provide image of the problem and make sure that you set appropriate settings – https://xstore.helpscoutdocs.com/article/65-woocommerce-infinite-scroll-and-ajax-pagination-settings

Regards

#185640 Copied

donaceli

Participant

February 20, 2018 at 11:52

Thanks for the reply Rose, I have provided the link to the image in the Private Content box. Here it is: .

The content was set as per the settings provided for version 4.19 and above.

Thanks.

#185642 Copied

Rose Tyler

Support staff

February 20, 2018 at 11:56

Hello, @donaceli

Please disable “Products masonry” in Theme Options > E-commerce > Products Page Layout.

Regards

#185643 Copied

donaceli

Participant

February 20, 2018 at 12:01

AWESOME! That fixed the problem. Great and really prompt service. Thank you!

#185644 Copied

Olga Barlow

Support staff

February 20, 2018 at 12:03

You are welcome!

Regards

#185646 Copied
Viewing 16 results - 1 through 16 (of 16 total)