How can I bind a second CMS Collection to its "current category" reference in Webflow?

Published on
September 22, 2023

To bind a second CMS Collection to its "current category" reference in Webflow, you can follow these steps:

  1. Add a Reference field: In your "current category" CMS Collection, add a Reference field that will be used to link to the second CMS Collection. For example, if you have a "Blog" Collection and want to link it to a "Categories" Collection, create a Reference field in the "Blog" Collection that points to the corresponding category in the "Categories" Collection.

  2. Connect the Reference field: In the CMS Collection settings for the "Blog" Collection, navigate to the "Reference" tab and connect the Reference field to the "Categories" Collection.

  3. Set up the Collection List on the category page: On the category page template, add a Collection List element and connect it to the "Blog" Collection. Use the filter option to only display items that have a reference to the current category. For example, if your current category's reference field is named "Category", you would use a filter like "Category Equals Current Page".

  4. Design the Collection List: Design the Collection List element to display the relevant information from the "Blog" Collection, such as the blog post thumbnail, title, and excerpt. You can also link these items to their respective blog post pages.

  5. Publish the site: After setting up the Collection List and customizing the design, publish your site to see the changes live.

By following these steps, you can bind a second CMS Collection to its "current category" reference in Webflow. This will enable you to display and link related content based on the current category being viewed.

Additional Questions:

  • Can I bind multiple CMS Collections to a reference in Webflow?
  • How do I set up dynamic filtering using two CMS Collections in Webflow?
  • What are other ways to create relationships between CMS Collections in Webflow?