Infinite scroll on shop

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 15 replies, 4 voices, and was last updated 9 years by David Martin – Support.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Back to forum

Posted in: Atelier
July 28, 2015 at 7:59 pm #198706

buckie
Member

Post count: 71

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

July 29, 2015 at 4:24 pm #199053

David Martin – Support
Moderator

Post count: 20834

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.

July 29, 2015 at 4:43 pm #199066

David Martin – Support
Moderator

Post count: 20834

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.

July 30, 2015 at 11:30 am #199285

buckie
Member

Post count: 71

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

July 31, 2015 at 9:34 am #199612

David Martin – Support
Moderator

Post count: 20834

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.

July 31, 2015 at 12:05 pm #199655

buckie
Member

Post count: 71

This reply has been marked as private.

August 3, 2015 at 1:44 pm #200187

David Martin – Support
Moderator

Post count: 20834

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.

August 4, 2015 at 1:33 pm #200628

buckie
Member

Post count: 71

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

August 5, 2015 at 12:22 pm #200931

David Martin – Support
Moderator

Post count: 20834

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.

August 5, 2015 at 12:25 pm #200935

buckie
Member

Post count: 71

Hi David,

That would be great!
Thank you!

Buckie

August 5, 2015 at 11:00 pm #201159

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

No problem. Thanks David.
-Rui

August 6, 2015 at 10:05 am #201277

David Martin – Support
Moderator

Post count: 20834

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

Best,
David.

August 6, 2015 at 12:37 pm #201356
Swift Ideas – Ed
Keymaster

Post count: 15264
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
August 6, 2015 at 1:35 pm #201382

buckie
Member

Post count: 71

That did the trick!
Thank you so much!

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

August 6, 2015 at 1:38 pm #201386

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Done.
-Rui
Back to forum

Posted in: Atelier