CMS Load More + Light box issue

Finsweet Components
1

CMS Load more + Lightbox does not work even with fs-list-resetix=true

Staging Link

Preview

The light box are not working when load more is clicked in the Photo Gallery Section. Please help.

2

This issue occurs because Webflow only initializes interactions when the page first loads. When new items are added via the “Load More” functionality, their interactions (such as your lightbox triggers) may not be properly initialized.

I see you’re already using fs-list-resetix="true", which is the correct approach, but there might be an implementation issue.

Here’s what to check:

  • Make sure fs-list-resetix="true" is applied to your Collection List element (the one with fs-list-element="list").

  • Verify that the Finsweet Attributes script is included in your page’s <head> section.

  • Ensure your lightbox triggers are correctly structured within each Collection List item.

If you’re using Webflow’s native lightbox element, you can reinitialize the IX engine using the Attributes API. Add the following snippet just before the closing </body> tag on your page:

<script>
  window.FinsweetAttributes = window.FinsweetAttributes || [];
  window.FinsweetAttributes.push([
    'list',
    (listInstances) => {
      console.log('List successfully loaded!');
      
      const [listInstance] = listInstances;

      listInstance.addHook('render', (items) => {
        console.log(items);
        if (window.Webflow) {
          window.Webflow.destroy();
          window.Webflow.ready();
          window.Webflow.require('ix2').init();
          document.dispatchEvent(new Event('readystatechange'));
        }
      });
    },
  ]);
</script>

If you need further help, feel free to reach out to @Support-Luis or @Support-Pedro for troubleshooting assistance.