How can I filter a dynamic list of related projects in Webflow to exclude the current page?

Published on
September 22, 2023

To filter a dynamic list of related projects in Webflow to exclude the current page, you can follow these steps:

  1. Set up a collection: Ensure that you have set up a collection in Webflow where you store your projects. Each project should have a field that connects it to related projects (e.g., a multi-reference field called "Related Projects").

  2. Create a dynamic list: In the project detail page, place a dynamic list element where you want the related projects to appear. Connect the list to your projects collection and make sure the list item structure reflects how you want the related projects to be displayed.

  3. Filter the dynamic list: Once the dynamic list is set up, you can filter it using custom code. Go to the settings of the dynamic list element, click on "Filter" and then select "Custom Filter".

  4. Exclude the current page: In the custom filter code, you need to exclude the current page from the related projects list. You can achieve this by using the field that connects the projects and checking if it contains the ID of the current page. Here's an example of the custom filter code you can use:

{{ cmsCollection.RelatedProjects.filter((project) => project._id !== current_page_id) }}

Replace cmsCollection.RelatedProjects with the actual collection field name that connects the projects, and current_page_id with the ID of the current page.

  1. Apply the filter: Save the custom filter code and make sure to republish your website to see the filtered related projects on the live site. The dynamic list will now exclude the current page from the list of related projects.

By following these steps, you can efficiently filter a dynamic list of related projects in Webflow to exclude the current page. This feature can be useful for creating a seamless project browsing experience on your website.

Additional Questions:

  1. How do I set up a collection in Webflow?
  2. Can I filter a dynamic list based on multiple criteria in Webflow?
  3. What other customization options are available for dynamic lists in Webflow?