Cannot combine CMS Slider + Mirror Click + Custom Slider Dots

Attributes
1

Hi Luis,

I’m reaching out to you because I’m facing an issue where I’m using those 3 libraries made by Finsweet on a single page and for a strange reason, it breaks.

What I mean by that is that my two custom slider dots won’t work until I remove the CMS slider script, but I also need it for another section on the same page.

Here’s the link: Home

And my read-only: Webflow - Welyft Official

What do you think?

Thank you man!

2

hey @arthur.xuan.vu! Apologies for the delay, could you share the page with the breaking setup? I see you’ve removed the CMS Slider script,

3

Hi @Support-Luis , I’ve just installed it again, you’ll see the issue with the two slider with the custom slider dots.

4

Hey @arthur.xuan.vu! This is an interesting bug :thinking:

But I think I’ve found a workaround while we address it.

Your setup is correct, but the CMS Slider script seems to break the implementation. Can you try adding this snippet? be sure to remove the script from the head as we will be appending it after Custom Slider Dots have been added

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

      (() => {
        const src = 'https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsslider@1/cmsslider.js';
        let e = document.querySelector(`script[src='src']`);
        if (!e) {
          e = document.createElement('script');
          e.async = true;
          e.src = src;
          document.head.append(e);
        }
      })();
    },
  ]);
</script>

Let me know how it goes!

5

Thank you so much @Support-Luis !

It works now! What was the issue? :slight_smile:

6

I am not 100% sure what the issue was but the CMS Slider script was absolutely breaking the custom slider dots. Even when loading it with the defer fs-attributes-preventload='true' tags to init it by code :thinking:

7

Noted Luis, well thank you very much for your help! As long as it works, it’s all good for me haha

1 Like