TLDR: How do I copy this page’s CMS functionality?
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.
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.
Click triangle to see example of what I'm going for here
– 3d – —
pulled from Category collection
Some 3d links —
description from Category collection
Item title from Content collection
Spline is a design tool for 3d web experiences. —
item description from Content collection
Vectary is a web based 3d editor
– Web Development for Designers –
Readymag is a cms that focuses on typography
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