Note that if you have more than 1 collection you want to paginate in your page, you need to put all of the dynamic list in the parent with this id.
Hope this helps,
@zbrah Just to be clear, can I assign the seamless-replacetag to multiple elements (2 divs, in this case) ?
Or, must I assign the tag to 1 element only (grid, in this case) ?
Hey @zbrah, this is a pretty good work around, but I have an issue.
A client has asked me to build a page with multiple CMS filled carousels, which use pagination. Your workaround is great for just one, but how can I get the solution to work for multiple pagination elements? Cheers!
The solution is to place the ID in a parent element that contains all of the CMS lists that you want to have seamless pagination. The easiest solution is to just make a div block, put all of your sections with CMS lists into it, and then add the “seamless-replace” ID on that parent div block.
Hey, I applied this custom code to my project, but it doesn’t quite restart the animations.
Also, I’m using Finsweet custom Pagination attributes and it removes them when I click on next/previos. Any idea why this happens?
Baffling that this isn’t just natively how Webflow functions, or even just with the option, because paginating is made to be quite useless without this functionality in most areas.
That said, anyone have any idea why this isn’t working for me? I followed it step by step:
wondering if the document pagination area also needs to have the class “w-pagination-wrapper”?
EDIT:
Yeah, I had to update the class name to “pagination a” for me.
That said, just learned you can’t have any “on scroll” animations on or it breaks, because it doesn’t realize the page has already scrolled to that view. Bummer of a tradeoff
Yeah, found this video and it’s the same issue:
The loading more is also super slow, is there a way to add in a loading indicator or something upon button press?