The "Save Items" Feature Doesn't Load After Pagination with Finsweet Infinite Scroll
I'm currently facing an issue with the "Save Items" functionality on my website essor.ai. Everything works as expected on the initial page load. However, when new items are loaded onto the page using Finsweet's Infinite Scroll feature, the "Save Items" feature does not seem to operate correctly on these newly loaded items.
The Infinite Scroll functionality works as intended, loading new items seamlessly as users scroll through the page. However, it seems there's a disconnect between the Infinite Scroll and "Save Items" features. The "Save Items" button appears on the newly loaded items, but clicking on it doesn’t execute the expected action.
I’ve tried adding certain attributes recommended by Finsweet, such as fs-cmsload-resetix
, hoping it would reinitialize the "Save Items" function on the new elements brought in by the infinite scroll. Unfortunately, this attempt was unsuccessful, and the issue persists.
I am seeking advice or solutions that could resolve this disconnect, ensuring that the "Save Items" feature functions seamlessly across all items loaded onto the page, whether they are part of the initial load or brought in subsequently through Infinite Scroll.
Thanks you !
Thibault Brannan
Comments
4 comments
Updated Solution - #106 - Liking & Saving CMS Items
This script works with Finsweet's loadMore attributes, meaning you can use it with 100+ CMS items and it still loads next to instantly.
Hey Thibault Brannan
I think the problem could be happening because on initial page load and when the Memberstack script runs the items are not there because the user hasnt scrolled and shown them yet. I would try rerunning the script after someone scrolls or new items have been added to the page.
Hey Josh Lopez,
Thanks for your message, ChatGPT tell me the same thing but I have no idea how to do that (I don't know how to code). Do you have any solution ?
You may be able to post in the Slack community and get some help with your custom code.
Please sign in to leave a comment.