Problems with nested collection after pagination

Design help Custom code
1

Hello!
I use this solution for nested collections

as well as pagination from Finsweet CMS Load more for Webflow - No-code using Attributes

The problem is that the first solution stops working after pagination.

First Solution Code

<script>
       jQuery(".tr-item").each(function (index) {
  let cmsItem = jQuery(this);
  let itemCategory = cmsItem.find(".tr-category").text();
  jQuery(".tr-contain").each(function (index) {
    let groupCategory = jQuery(this).find(".tr-title").text();
    if (groupCategory === itemCategory) {
      cmsItem.appendTo(jQuery(this).find(".tr-list"));
    }
  });
}
</script>

Is it possible to somehow modify the script so that it runs again after pagination?
I hope for your help!

project link
https://rere-design-e847bd14e563730917d5b2be3ee.webflow.io/

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @abenovkaba !

Thanks for sharing. Did you try to use Finsweet Attributes CMS Load + CMS Nest?
You can check a working example here: CMS Filter + CMS Load + CMS Nest | Attributes

You can clone the project to check inside if needed.

Let me know if you need any help,
Eve Kayser

3

Hello! I don’t like CMS Nest because it doesn’t support animation(
I realized that the problem is with CMS load. It confuses with other scripts and does not allow them to work(

Thank you for responding!

1 Like
4

Not sure if this will help, but I can’t imagine CMS Nest doing anything to affect interactions. I’m assuming that’s what you mean by animation (?).

However because CMS Nest reconfigures the DOM, you probably need to re-initialize IX2 if you want interactions to bind to the new objects with your interaction-targeted classes.

Here’s how;

2 Likes