Finsweet load more affects on cms items slider

Hi, guys! Struggling with this problem:

I connected Finsweet CMS Load more function to the list.

And when i load new items and they show up, the slider that i created in the cms item doesnt work in new loaded item on the page. But it works on the rest of them. Important part is that i use slider for promo of real estate items, and cant refuse this decision.

Added Finsweet Reset Interactions Option to solve it, bit it doesnt work too.

Maybe i shouldnt create slider in the first place…

https://preview.webflow.com/preview/estatelands-v-2-0?utm_medium=preview_link&utm_source=designer&utm_content=estatelands-v-2-0&preview=059b6e86f2ed02a7dd7c3fbcd48b1235&workflow=preview

1 Like

Hey @Artem_Arutyunyan1 I did some investigation on that issue and found a conflict between the “load more” functionality library and interactions, including the native Webflow sliders.
Anyway, I found a workaround for this problem and it is working now. Check it please:

<!-- Re-initialize the Webflow sliders -->
<script>
  $("#load-more").on("click", function() {
    setTimeout(function() {
      $('.w-slider').each(function () {
        Webflow.require('slider').ready();
      });
    }, 1000);
  });
</script>
1 Like

Hi, @olexlebid !

First of all thank you for your help!

Unfortunately, your code did not work out for me. I was really hoping it would…

I put your code to the page and publish it and there was no change still. All finsweet attributes was on when i was trying your approach. Including; load-under; resetix.

What could i did wrong?

Also i have some script that connected with slider. Maybe they conflicting? Is it possible?

https://preview.webflow.com/preview/estatelands-v-2-0?utm_medium=preview_link&utm_source=designer&utm_content=estatelands-v-2-0&preview=059b6e86f2ed02a7dd7c3fbcd48b1235&workflow=preview