Issue with pagination, nest and filter (data not pulling through)

Attributes
, , ,
2

Hello @chloe!

The issue comes from the amount of items in your nest-source collection, as only the first 100 are loaded on page load, CMS Nest is executed before the whole list is rendered on the page.

We can prevent CMS Nest from executing with some code while improving the load with CMS Load.

I’ve detailed the process here

However I’ll reshare it here :slight_smile:

For the CMS Nest script use this script:

<!-- [Attributes by Finsweet] CMS Nest -->
 <script defer fs-attributes-preventload="true"  src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsnest@1/cmsnest.js"></script>

Child collection (COLLECTION TO NEST)

Use CMS Load set to render-all

  • Enable pagination with 100 items per page
  • Activate Speed Boost

Use the CMS Load callback to initialize CMS Nest

Add this snippet to </body> tag

 <script>
 window.fsAttributes = window.fsAttributes || [];
 window.fsAttributes.push([
   'cmsload',
   (listInstances) => {
     window.fsAttributes.cmsnest.init();
   },
 ]);
 </script>

Let me know if you need any help!