Resource
Advanced

Fix page load interactions sometimes caused by Finsweet Attributes in Webflow

Some Finsweet Attribute scripts cause conflicts with Webflow's Page Load interaction, causing elements to disappear, flicker, or outright crash.

View source
Additional Summary

Here's the solution I found for the CMS Slider attribute I integrated and I'm assuming it will work with other attributes, as well. Just update the script to target the attribute you're having issues with.


Place this script in the Before </body> tag section of your page's settings.

<!-- [Attributes by Finsweet] CMS Slider -->

<script src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsslider@1/cmsslider.js"></script>

<script>

  window.fsAttributes = window.fsAttributes || [];

  window.fsAttributes.push([

    'cmsslider',

    (listInstances) => {

      console.log('cmsslider Successfully loaded!');

      if (window.Webflow) {

        window.Webflow.destroy();

        window.Webflow.ready();

        window.Webflow.require('ix2').init();

        document.dispatchEvent(new Event('readystatechange'));

      }

    },

  ]);

</script>

Fix page load interactions sometimes caused by Finsweet Attributes in Webflow
Related content