Finsweet Marquee + CMS Gallery using lightbox not working

Finsweet Components
1

Description

Im currently using finsweet built in marquee component in a cms template page.
I have a multi-image field for a gallery and linked it to the lightbox.

Site URL

Required: Please provide a staging/production URL where we can see the issue

URL: Music Project Amplify - The Olson Foundation

Expected Behavior

Lightbox to open

Actual Behavior

lightbox not opening image Video/Screenshots

Required: Please provide a short screen recording showing the issue

Additional Context

  • Chrome

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.

2

Hey @admin1! :waving_hand:

This is a common interaction issue that occurs when Webflow lightbox elements are placed inside dynamically generated or scrolling components like our Marquee.

The core issue is that Webflow interactions (including lightbox triggers) are only initialized when the page first loads. Since the Marquee component creates dynamic scrolling behavior and potentially clones/moves elements, the lightbox interactions may not be properly attached to the images in your gallery.

To fix this, we recommend:

  1. Add a script to reinitialize interactions after the Marquee loads such as
<script>
  window.fsComponents = window.fsComponents || [];
  window.fsComponents.push([
    'marquee',
    (instance) => {
      console.log('Marquee instance:', instance);
      setTimeout(() => {
        window.Webflow && window.Webflow.destroy();
        window.Webflow && window.Webflow.ready();
        window.Webflow && window.Webflow.require('ix2').init();
        document.dispatchEvent(new Event('readystatechange'));
      }, 50);
    },
  ]);
</script>
  1. Make sure your images use eager loading (not lazy loading)
  2. Check your lightbox group settings - ensure they’re properly configured

If either of these solutions don’t work, you might want to consider placing the lightbox outside the Marquee component and triggering it with custom interactions.

Let us know how it goes! The combination of Marquee + CMS + Lightbox can be tricky, but these adjustments should help get your gallery working properly.

For any custom code implementation, @Support-Luis or @Support-Pedro can provide more detailed assistance.

1 Like
3

Works like a charm. I appreciate the help

1 Like