Hi everyone,
I’m working on a Webflow CMS setup where I have a parent category, “Engineering,” and three child categories: Financial, Education, and Travel. I want to ensure the following behavior on my website:
When visiting https://sakhawats-dapper-site.webflow.io/engineering, it should display all posts from its child categories (Financial, Education, and Travel).
When visiting https://sakhawats-dapper-site.webflow.io/engineering/financial, it should display only posts related to the Financial category.
Similarly, visiting /engineering/education or /engineering/travel should show only posts related to their respective categories.
I’ve set up two CMS collections:
Categories Collection (with parent-child relationships)
Posts Collection (where each post is assigned to one or more categories using a multi-reference field)
I’ve already set up Collection Lists on the Category Template page and applied filters so each child category only shows its related posts. However, I’m struggling with how to make the Engineering category display all posts from its child categories instead of just posts directly assigned to “Engineering.”
Does anyone know the best way to implement this in Webflow CMS? Would I need custom code or is there a workaround using filters or reference fields?
Any help would be greatly appreciated! Thanks in advance!
This is Read only LINK: Webflow - Sakhawat's Dapper Site