CMS Load with webflow sliders

Attributes
1

Hi Team,

I am trying to implement CMS Load infinite on one CMS Collection.
The load itself is working, but when one new page is loaded webflow sliders are completely broken, I can’t click on arrows to make the sliders work.

I already tried to add cmsload-resetix but it makes no difference.

Can you help?

Here is my read-only link
https://preview.webflow.com/preview/soldout-society?utm_medium=preview_link&utm_source=designer&utm_content=soldout-society&preview=61364f48a1e46b6554ff0dced36c6892&pageId=6533c4e6cf6e222fd93af8b1&workflow=preview

2

hey @shirley.mitrani! I see you have changed the load mode to render-all. Would this fix the issue or would like us to give infinite scrolling a go?

3

Hello, it was not on this list but the shop CMS collection.
Right now I have removed the load mode because I might not need to display more than 100 items.

But it was the webflow slider that was not working anymore, carousel dots not showing up, and arrows not clickable and did not kept the settings like “hide left arrow at first page and right arrow at last page”

4

could you share a published link to the page where the issue still persists?

5

Sure I re-added the cms load infinite here: Shop selection

6

@shirley.mitrani, can you test this code in your </body> section of custome code?

<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsload',
    (listInstances) => {
      console.log('cmsload Successfully loaded!');

      const [listInstance] = listInstances;

      listInstance.on('renderitems', (renderedItems) => {
        window.Webflow && window.Webflow.destroy();
        window.Webflow && window.Webflow.ready();
        window.Webflow && window.Webflow.require('ix2').init();
        document.dispatchEvent(new Event('readystatechange'));
      });
    },
  ]);
</script>