Finsweet - Render All

Attributes
1

Hello there,

This is the page that I’ve built from a Webflow Cloneable and here is the read-only.

The client currently has ±150 CMS items and will have around ±350 at the end.

For this to properly work it needs to show all CMS items at once. I tried using the attribute ‘Render All’ but then the layout gets messed up.

Currently, I am only using native webflow Pagination just so you can see that there are more items.

Any suggestions?

Thank you in advance,

Nikola

2

hey @hey! What do you I’m afraid I do not see the issue clearly. Can you maybe record a loom showing what is going wrong?

3

Sorry Luis, totally forgout about this topic since I solved it partially but new issue came a long and here is the loom video explaining.

All links above are still working so you can check it out.

4

@hey, I noticed you’ve added the CMS Load script twice, this might introduce some issues. Please check your site setting for any duplicate script.

Also you can use the CMS Load API callback to add custom code that will be executed after all items are rendered, here is the callback for you to add your code instead oof using a timeout

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

      const [listInstance] = listInstances;

      listInstance.on('renderitems', (renderedItems) => {
        console.log(renderedItems);
        // Custom code goes here
      });
    },
  ]);
</script>
5

Works! Appreciate it :slight_smile:

1 Like