Infinite scroll on shop

[buckie]

Hi,

Currently I’m trying to get infinite scroll to work. I use the plugin from Yith.
The settings should normally be:
Navigation selector: .woocommerce-pagination
Next Selector: .woocommerce-pagination a.next
Item Selector: li.product
Content Selector: ul.products

This doesn’t work because you use div instead of ul and li. So I replaced them in the item and content selector for div.
The infinite scrolling then works, but removes items on top of the shop page when scrolling back to top.

I already contacted Yith, but they can’t help me… Can you?
Or do you have infinite scrolling on the list for future updates?

Regards,
Buckie

[David Martin – Support]

Hi,

I am testing this and it does work, can you update your settings to match my screenshot.

Send me your shop URL also as this may change the selectors needed.

Thanks,
David.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Update: the screenshot contains a mistake, please disregard that.

Here are my working selectors in the order you need:

nav.woocommerce-pagination

nav.woocommerce-pagination a.next

div.product

.products

Thanks.

[buckie]

Hi David,

Thank you for sorting that out for me.
The infinite scrolling works, but unfortunately it still removes items on top of the shop page when scrolling back to top.
Any idea on that?

Thanks!
Regards,
Buckie

[David Martin – Support]

Hi Buckie,

Can you link me to your product page and supply a login?

– We may need to log a support ticket with the plugin developers for this issue.

Thanks,
David.

[buckie]

This reply has been marked as private.

[David Martin – Support]

Hi,

What is your in your theme options WooCommerce => Shop Options ‘Product Display Layout’? Could you set this to “Grid” and report back?

Have your registered and posted a ticket at the YITH support forum also?

Thanks,
David.

[buckie]

Hi David,

Unfortunately changing to grid has no effect either.
I have had email contact with Yith (I couldn’t open a ticket, because it’s a free plugin), here’s the latest email correspondence:

Hi,
I checked and it’s your theme to use the property in div. In practice it does not use them ul and then the plugin does not lock properly.
You had to ask the developer of the theme.

Best regards.
Samantha P.

Hope this helps.
Regards,
Buckie

[David Martin – Support]

Hi,

From further testing it looks like this is not fully compatible with the Atelier theme. In all “Product Display Type” settings the top previous posts get removed after the new posts are loaded.

What I can for you is to pass this on to our lead dev for consideration for a future update.

Thanks,
David.

[buckie]

Hi David,

That would be great!
Thank you!

Buckie

[Rui Guerreiro – SUPPORT]

No problem. Thanks David.
-Rui

[David Martin – Support]

No problem, I have passed on your request and our current findings.

Best,
David.

[Swift Ideas – Ed]

I’ve looked into this, but unfortunately not something that can be compatible with our loading and layout script. You can try adding this custom css:

.woocommerce .products .product {
    position: relative!important;
    left: auto!important;
    top: auto!important;
    float: left;
}

That may sort it. Let us know.

– Ed

[buckie]

That did the trick!
Thank you so much!

Would you close this topic for me? I’m not able to…

[Rui Guerreiro – SUPPORT]

Done.
-Rui