Return to previous page

Display All Product by Default and Infinite Scroll

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

rwlee33

Participant

November 14, 2016 at 07:30

Hi,
I was wondering if there is a setting to ensure Display All Products is on by default and allow infinite scroll in the shop page?

Thanks,
Rob

#145706 Copied

5 Answers
Olga Barlow

Support staff

November 14, 2016 at 08:09
Hello,

Yes, sure. XStore theme comes bundled with a great plugin WooCommerce Infinite Scroll and Ajax Pagination to convert default product pagination into Infinite Scroll or Ajax pagination with WooCommerce Lazy Load. 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
#145713 Copied
rwlee33

Participant

November 16, 2016 at 00:45

Hi, sorry, I followed the steps as described, but it still doesn’t infinite scroll.

Could you have a look and see if I did any anything wrong?

Thanks! Details below

Please, contact administrator
for this information.

#145945 Copied

Olga Barlow

Support staff

November 16, 2016 at 11:34

Hello,

You have set “Products per page -1” (Theme Options > E-Commerce > Product Page Layout). It means that you show all the products without any scroll. You need to set there 20 for example, then once user open shop page he’ll see 30 products and then after scroll he will see next 20 products and next 20 products etc.

Check now.

Regards

#145998 Copied

rwlee33

Participant

November 16, 2016 at 12:15

Thanks, very much.

I just checked. It shows 20, but still has “Load More Products”. Should it load automatically?

#146010 Copied

Olga Barlow

Support staff

November 16, 2016 at 14:21

Hello,

When you scroll to the bottom you see http://prntscr.com/d7zjjx firs and then next 20 products http://prntscr.com/d7zk2c
Or what do you want to achieve?

Regards

#146038 Copied
Viewing 6 results - 1 through 6 (of 6 total)