Problems with flatsome theme?

Hi,
I’ve checked your site but in shop page you have not a pagination. Without this the infinite scrolling doesn’t work.
Add the pagination and then try with these selectors.

Navigation Selector .pagination-centered
Next Selector .pagination-centered a.next
Item Selector li
Content Selector ul.products

Let me know, regards. ??

Hi,

I am also having problems with the Flatsome theme. The infinite scroll plugin works fine, except when masonry grid is activated. I setup these selectors you advised, which helps a bit with the overlap problem, but new item/products are loaded on top of ‘old’ ones, instead of below.
You can see the problem here on our testsite: https://urlgone.com/1f1a42/
Just scroll down (products per page is set to 8), then 4 new products will be loaded on top of the first 4.

Thanks for your help in advance!

Hi,
you have to reinit masonry script after each products load.
For doing this you can use this trigger yith_infs_added_elem

Something like

jQuery(document).on('yith_infs_added_elem', function(){
  // here your code..
});

The code to use depends by the scripts that your theme are using for masonry style. If you want add a link of your site in next reply so I can check.

regards.

Hi and thanks a lot for your reply.

We’re using flatsome theme and here’s a link to a test website. You will see the products overlap once you scroll down to load more products.
If you need login details for this website, please let me know to which email address I can send those.

Thanks in advance for your help!

Hello, any news on this? Did you get a chance to take a look at the test site? Hope you can help me to add the right code in the right place, because I can’t figure out how to fix it.

Thanks for your help in advance! Regards.