Streaming live at 10am (PST)

CMS list divided into dynamically generated categories

Problem:
I can’t figure out how to dynamically generate a list page, which is sorted into categories, with category headlines, and then displays alphabetically items from a cms collection, that have been individually connected to a category.

Description:
I’m trying to create a “links” page with some bookmarks and a few words about each item, divided into categories. This is for my personal / portfolio page, to share things I commonly use that not all designers might know of. No sub pages (at first), just this one dynamic list page.
I can’t find a way to do this that doesn’t involve manually creating the categories, with added manual work each time I’d add a category.

Example:

Click triangle to see example of what I'm going for here

Sveinbjörns List of Links

– 3d – pulled from Category collection
Some 3d links description from Category collection

Spline Item title from Content collection
Spline is a design tool for 3d web experiences. item description from Content collection

Vectary
Vectary is a web based 3d editor

– Web Development for Designers –

Readymag
Readymag is a cms that focuses on typography

Webflow
Webflow is an all-in-one site-builder and cms solution that’s designed and documented in such a clear way that anyone who can figure out InDesign can figure out Webflow… with a bit of time.


This is how I started:
I tried using one cms collection, which included a category field. I couldn’t make webflow sort by the category, and I also couldn’t figure out where to stick heading and description for each category. So I started again. This time I decided to use two cms collections. One for Link Category, one for Link Content.

Getting to the problem
I make a collection list, based off Link Category. From that I pull the name of the category and a one-line description. Then I want to put another collection list inside it that links to Link Content, I’d want to filter that content based the current category.
This way, I don’t have to make manual site edits if I add a category. It would update dynamically.

Here the problem presents itself:
If I’ve made a collection list (Categories Collection), and I put another collection list inside it, I can’t link to Content Collection. Webflow won’t link outside the first collection.

What I’ve seen suggested
I’ve seen some suggestions to “use filters”, but I can’t figure out what the method to use, as the examples linked are either gone, or the problem discussed was different to mine.

Weblow mentions linking within categories, I couldn’t make that work either.

It seems like this should be a common enough CMS endeavour, but I can’t figure it out.

The big question
Do you know of any examples that I can look at, or instructions, how to make this type of arrangement?

[this post has been edited a couple of times for clarity]


Here is my public share link: https://preview.webflow.com/preview/sveinbjorn?utm_medium=preview_link&utm_source=designer&utm_content=sveinbjorn&preview=fa98510dea7e0ca252b40ab840103f71&pageId=610374e939ea1f4d248c1ae6&itemId=610375f45beaf7573427869a&workflow=preview

The search-word I was looking for is “nested collection list”.

Here’s some info, this might solve it.

Nested Collection Lists on Webflow Blog

update: it did not.
I suspect this isn’t possible. Which would be pretttty weird.

hi @sveinbjorn to be able access nested collections your CMS items has to be published first and I see that you have didn’t publish anything yet so you can’t work with CMS logic.

There will be never identical problem to yours as everyone have different settings and needs but study of these solutions can give you an idea of principle how to solve specific issue you are facing.

Publishing! Gonna try that. Thank you Stan!

HI @sveinbjorn if your issue doesn’t persist feel free to close your request as solved