Issue with CMS Nest Beyond 100+ Items

[jacob4]

Hi support,

I have tried using solutions from other topics here to fix this but with no success. I have a site where I’m trying to nest more than 5 items per collection item using CMS nest and have successfully done so.

However, the issue I’m running into is that my parent collection has 100+ items in and the nesting seems to stop at 100 items. I am using a Jetboost infinite load pagination as well.

I have tried using CMS load instead but that didn’t work.

I could really use some help to get this fixed as the client needs this functional by Tuesday.

Here is my read-only link.

Please let me know what I need to do to get this fixed. Thanks!

[Support-Luis]

Hey @jacob4! The issue might have originated from combining both Jetboost and Attributes scripts.

CMS Nest should have no issues with a 100+ item parent collection, however, I managed to get it working by also using CMS Load and the snippet below.

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

      const [listInstance] = listInstances;

      async function awaitRenderingQueue() {
        try {
          const result = await listInstance.renderingQueue;
          console.log(`Successfully rendered ${result.length} items`);
          window.fsAttributes.cmsnest.init();
        } catch (error) {
          console.error('Error processing renderingQueue:', error);
        }
      }

      awaitRenderingQueue();
    },
  ]);
</script>

Let me know if this works on your end

Just as a note, you are only missing the CMS Load script on your project. This code relies on it to function properly so be sure to add the script before testing

<!-- [Attributes by Finsweet] CMS Load -->
<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsload@1/cmsload.js"></script>

Also, please remove any Jetboost loading setup as the scripts may interfere

[jacob4]

Hi Luis, I went ahead and tried that but it doesn’t appear to be working still. It is most likely something on my end so could you check that for me? In addition, any items past 100 items, my dropdown doesn’t work which wasn’t an issue before: Voucher Capabilities

Could you also see what that might be?

[jacob4]

Hi Luis, are there any updates you could provide me? I have a tight deadline on this with a client.

[Support-Luis]

Hey @jacob4! The interactions need to be reset, you can test by manually pasting this snippet on your console when on the second page of pagination

window.Webflow && window.Webflow.destroy();
window.Webflow && window.Webflow.ready();
window.Webflow && window.Webflow.require('ix2').init();
document.dispatchEvent( new Event('readystatechange'));

I am not sure if Jetboost offers this natively, but we have the fs-cmsload-resetix = true option that will handle these interactions reset.