Problem with Finsweet Load More + Hover Element Trigger

Hey community!

I’m trying to do a Load More button and I’m using the Finsweet Load More Component for this. But when I click on the button, my hover Element Trigger doesn’t work anymore. Has anyone had this problem?

Script used before body tag

<script src="https://cdn.finsweet.com/files/cmslibrary-v1.8.js"></script>
<script>
(function() {
var fsComponent = new FsLibrary('.the-team-list')

fsComponent.loadmore({
  button: '.load-more',
  animation: {
    enable: true,
    easing: 'ease-in-out'
  }	
})
})();
</script>

Thank you :slight_smile:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

can you share the live and read only link

Same problem here. Element Trigger doesn’t work anymore when I load the next page.

Replying to this as I could not find the answer, the way I went around this, is to create an embed on the page, and target the Div with CSS directly, the load more button works, and the CSS hover also works. for some reason the JS animation in Webflow does not.

For anyone looking for a solution to this issue and using CMS Load More with Finsweet Attributes, add the reset interaction attribute to the collection list. It’s listed as one of the options under ‘More attributes to use’. Here’s a link to the page: CMS Load more for Webflow - No-code using Attributes