CMS elements pagination

Design help CMS
1

Is there a way to only have CMS items pagination on mobile and not on desktop?

1 Like
Is it possible to have a pagination only on mobile?
2

If you use Finsweet CMS Load for your pagination, I’ve designed an extension to it that allows the page sizes to be fully responsive. It works with FS Filter as well.

I have a cloneable here-

4

is there a way to use this code for multiple paginations on one page?

5

Hi Kayley,

I’d actually forgotten about this project, yes the code is essentially copy-paste, and you can configure the number of items per page for each breakpoint.

I’ve just recorded a video walkthrough, to go with the cloneable-

6

If you mean…

  • Multiple different collection lists
  • Each of which have a separate FS Load setup
  • But all have the same configuration of N items per breakpoint

Then yes I think the code will probably work as-is, and affect all of the lists as the breakpoints change.

If you mean

  • Each list needs a different configuration in terms of N items per breakpoint

Then the code would need to be redesigned to support that, targeting each list distinctly and handling different configuration settings for each.

7

Thank you so much for the video! It was very helpful. Unfortunately, the code is only working for my first collection list on the page. All have separate FS load setups, and the same configuration, but only the first collection list picks up the responsiveness. Any ideas? Thanks in advance!

1 Like
8

Thanks for letting me know, I’ll update the docs.
No I don’t have any specific suggestions, but the code isn’t complex.

I’d recommend you check the Finsweet API to ensure it’s capturing the right triggers and updating the pagination for the right CMS Load pagination instance. May take a bit of work to iron out handlers for each instance.

I haven’t had a client who needs that so haven’t encountered that scenario before.

9

Thanks for all the help!!! I will give that a try.

10

Hello Michael,

I am trying to figure out how to implement your code but i do not succeed.
I have no idea of what I am missing !
I have my pagination embed in my section and my finsweet code on my page setting. Does something have change in Webflow as the tuto has 1 year ? :’(

Here is my RO if you have one minute to check, i’d be delighted : Webflow - Museum Studio
Thanks

11

memetican,

Your extension for Finsweet CMS Load seems promising, but I am having trouble understanding how it works with multiple pagination instances on the same page. Could you provide more details on how to configure it for multiple paginations?

12

Hi Peter, I haven’t used that project in years, and Finsweet has had a major upgrade in it attributes solutions to v2, so it would like need to be retested from the ground up.

I believe all of the code is in the cloneable to unpack and upgrade. Typically I design solutions using custom attributes as the mechanic for connecting elements to scripts, and storing configuration settings, so look for that.

You might find some portions of it referencing my SA5 libs as well- those docs are here https://attr.sygnal.com

Most often I build custom solutions for each client so if you need something done professionally, drop me a message and we’ll chat.