Lazy load / Infinite Scroll for Woocommerce Shop pages

I have been fiddling around some more and I think I may have found a reasonable solution.

In my child-theme functions.php I added:

add_action( ‘woocommerce_pagination’, ‘woocommerce_pagination’, 9 );

add_action( ‘woocommerce_after_shop_loop’, ‘woocommerce_pagination’, 9 ); //add woo pagination again

I also tried adding:

remove_action( ‘woocommerce_after_shop_loop’, ‘avia_woocommerce_after_shop_loop’, 10);
add_action( ‘woocommerce_after_shop_loop’, ‘dz_woocommerce_after_shop_loop’, 10);

function dz_woocommerce_after_shop_loop()
{
echo “</div></main>”; //end content
}

with the intention of removing avia_pagination which became redundant, while still properly closing the content container, but somehow the avia_woocommerce_after_shop_loop function is still being loaded and it was messing up my HTML structure (trying to close the content container twice), so I ended up removing that second block of code for now, and I think I’ll end up just hiding avia_pagination through CSS.

Any suggestions to improve this solution will be much appreciated.

EDIT:
As I have been doing some further testing to this, I came across some weird behaviour: if I’m using woocommerce’s default ordering for my products, the lazy load seems to work properly, however when I’m sorting my products by “Most Recent” (which is what I have to use for the production site), some products are being loaded more than once. I am currently at a complete loss as to how I can troubleshoot this problem so, again, any insight on this will be greatly appreciated.

EDIT 2:
So this morning I gave it another go, tried changing my ‘Container Selector’ from .products to main.template-shop and suddenly I no longer have repeating products, so I think that fixed my latest and biggest problem. Now I’d just like to know if there is a way to prevent avia_pagination from being loaded for the shop pages in my child-theme, but I can live with having it hidden through CSS.

Best regards,
José

• This reply was modified 9 years ago by dZ_EB. Reason: found solution for issue from first edit

Yes, I had already implemented that CSS ‘fix’, I was just wondering if there was a ‘cleaner’ way of preventing avia_pagination from loading on my shop archives, and without ‘hacking’ the theme’s parent files.

But if there isn’t, this solution should be good enough, thanks for the support anyway!

EDIT: Ok now all of a sudden I am getting repeated products again with my lazy load. Now I’m even doubting if I ever had it fixed but just wasn’t spotting the duplicates. Once again I’m completely out of ideas on how to troubleshoot this, so any help in getting to the bottom of this would be hugely appreciated.

Best regards,
José

• This reply was modified 9 years ago by dZ_EB.

Hi again,

Thanks for your suggestions.
I will go with your advice and stick to “hiding with CSS” as that seems to be the cleanest and most future-proof solution available.

However, I am still struggling with the issue of having some products showing up more than once in my ‘shop’ page, although I think I have gathered some more information on the problem.
It seems to be a problem with WooCommerce itself, as I have tried totally deactivating the infinite scroll functionality, and even switching themes between Enfold and Storefront (WooCommerce default theme) and I still get some products showing duplicates (on different pages).
It seems to be related to the ‘sorting options’ in WooCommerce because I don’t see any duplicate products if I choose the ‘Default Sorting’ or if I ‘sort by average rating’, but I always get duplicate products if I ‘sort by popularity’ or ‘sort by newness’ / most recent (which is the sorting I want to use).

I still have the development version available in case you want to do some tests on it, the credentials for access are still the ones provided on my OP.

I’m going to try and reach Woothemes support as well, since I believe this problem to be with their plugin, but any help you might be able to provide on this will be very much appreciated.

Best regards,
José

Hi Elliot,

I have opened a thread here , but from what I gathered, WooThemes usually only provides support to their paying costumers (which I am not) so I don’t have high hopes of getting an answer there.

The weirdest thing is I have previosuly developed another similar site with Enfold, also using the ‘sorting by newness’ option and I’ve never encountered any repeating products.
I recently even went back to that site and managed to implement the infinite scroll feature I had been discussing in this post and it is working without a problem there ( http://www.creativemary.com.pt ), which leads me to believe something went quite wrong with just this site, but I am not being able to figure out what, or how to fix it.

The last thing I want is having to rebuild the entire site just because of this weird bug, but I am reaching a point where I’m not seeing any other solution, so if anyone can help me figure out what’s wrong here I’ll be forever grateful.

Best regards,
José Almeida

Hi Andy,

Yes I am aware of that, however they only allow paying costumers to submit tickets, and since I haven’t purchased anything from WooThemes until now, I am unable to do so.

Regards,

José