The "Save Items" Feature Doesn't Load After Pagination with Finsweet Infinite Scroll

Post author
Thibault Brannan

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

  • Comment author
    Duncan from Memberstack
    • Official comment

    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. 

  • Comment author
    Josh Lopez

    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.

    1
  • Comment author
    Thibault Brannan

    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 ? 

    1
  • Comment author
    Josh Lopez

    You may be able to post in the Slack community and get some help with your custom code.

    1

Please sign in to leave a comment.