CMS Nest...Clicking On A Nested Item And Opening A Popup

Attributes
1

Hey there

I have a situation where I’m using CMS Nest to Nest more than 5 CMS items. The tricky thing is these nested items are events in a calendar list type component. As such, I am trying to create an interaction where when someone clicks on one of the nested items, a popup modal appears where they can sign up for that specific event.

I’ve tried using both native Webflow and javascript and in both situations, the popup modal doesn’t appear. Any ideas on how I can make this functionality work?

Sorry don’t have a share-link

2

Hey @lovebrian649! If the elements are not nested, can you trigger the modal?

Webflow’s interaction engine might need a reset after the items are nested which can be done like this.

<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsnest',
    (listInstances) => {
      console.log('cmsnest Successfully loaded!');
      window.Webflow && window.Webflow.destroy();
      window.Webflow && window.Webflow.ready();
      window.Webflow && window.Webflow.require('ix2').init();
      document.dispatchEvent(new Event('readystatechange'));
    },
  ]);
</script>
3

Thanks so much for the quick reply @Support-Luis :pray:

Going to go give this a try

4

Let me know if this fixes the issue!

5

Worked like a charm…You are a lifesaver

1 Like
6

Glad to hear! :muscle: