CMS Glossary Filter

Hello.

It’s been days that I am trying to figure out how to work around Webflow’s CMS limit of 20 per page and couldnt find a way.

I want to build a glossary, connected to a collection of words, in this style :

For that, I need to copy paste the collection list 26 times, add a filter of the alphabet letter to see only the words starting with this letter, then add pagination to see more. But this can’t be done, is there a work around or any recommendations ?

Thank you


Here is my site Read-Only: LINK

You can use SA5 Layout for this.

For your groups you’d have 26 divs tagged with a custom attribute of e.g. wfu-layout =a and so on. You can generate those 26 groups with a collection list if you put a to z in a collection by itself,

Then for your terms, you’d add wfu-layout-target = a or whatever group each item gets laid out into.

This means your terms table needs a group column with a, b, c, etc.

1 Like

Came here to say this - there are other frameworks out there too that extend and allow for nested lists. I had to do something similar to put music shows by day of week by location by city by state (lots of nesting). Update us if you figure it out!

Thank you this what I needed and it works, but I have a small issue.

So I cloned your cloneable and tried by actually just changing the collections (Countries by the Alphabet Letters, and Cities by the Glossaries). Published and works wonder.

So I copied the layout to my own project, checked every attributes and the target “slug” same as you did, but couldn’t make it work.

This is your cloneable that works:
Form Select Elements (yakubs-fabulous-site-10df60.webflow.io)

This is mine:
Glossary (mayfairfinances.webflow.io)

Make certain you added the library, you’ll want to ready the docs, and you’ll find that in the Getting started section below the attributes.

In the cloneable I believe it’s in the site wide code.

I copy pasted the code inside of the glossary page’s custom code, rather than site wide code, still doesnt work. Does it only work inside of the site wide code ?

You are likely missing the layout library. Check the docs.

I finally did, thank you so much buddy
You deserve a beer :slight_smile:

1 Like