CMS Seamless Pagination Custom Code

I have a CMS collection set to pagination on two different pages. I have added this code to each page as this is what I found from researching:

<!-- Start seamless-pagination custom code -->

<script src=""></script>
  var containerSelector = '#seamless-replace';
    '.w-pagination-wrapper a',
      container: containerSelector, 
      fragment: containerSelector,
      scrollTo: false,
      timeout: 2500,
  // These 3 lines should reinitialize interactions
  $(document).on('pjax:end', function() {

<!-- End seamless-pagination custom code -->

The code works for the pagination on one page but not the other. Does anyone know why that might be the case?



Here is my public share link: LINK
(how to access public share link)

Hey Rebecca,

Might be because you did not limit the collection in the Seattle page.

HI @avivtech,

Thanks for the suggestion but I have not limited the collection on either page. I still tried that idea but still not working properly…

Any other suggestions would be very much appreciated.



Yes you did-

@avivtech Yes, I have NOW. But that was done after I read your suggestion. It was not set to this before you suggested it.

Yes it was :slight_smile:
I only wrote it because I saw it…

Try setting it also on the Seattle page

haha, ok. Whatever dude. @avivtech

El duderino :stuck_out_tongue_winking_eye:

Did you try limiting the other collection? did it work?

Hi @vincent, was curious if you could assist me on this topic?


Hi Rebecca, sorry, I can’t, I’m not a programmer at all.

1 Like

Hi @vincent no worries! I was able to figure it out. Cheers!

The Collection List needed an ID of seamless-replace. That’s what I was missing :slight_smile:

This is now resolved.