How can I pull in items from multiple Collections in Webflow that would fit under one of my static page categories?

Published on
September 22, 2023

To pull in items from multiple collections in Webflow and organize them under one static page category, you can follow these steps:

  1. Create Collections: First, create the necessary collections in your Webflow project. Each collection should represent a specific item type or category. For example, if you have a static page category called "Products," you might have collections for "Shirts," "Trousers," and "Accessories."

  2. Add Collection Reference Field: In the "Products" collection, add a Collection Reference field to link to the other collections ("Shirts," "Trousers," etc.). This field will serve as a connection point between the different collections.

  3. Design the Static Page: Create a static page within the Webflow Designer, which will serve as the category landing page. Add the necessary design elements like headings, paragraphs, or images.

  4. Add a Collection List: Drag and drop a Collection List element onto the static page. This element will pull in the items from the multiple collections.

  5. Set Collection List Settings: In the Collection List settings, select the "Products" collection as the target collection. This will fetch the items from the "Products" collection, which will act as a hub for the other collections.

  6. Filter Collection List: Add a filter to the Collection List to only display items that have a reference to the specific collection category. For example, if you want to pull in shirts, set the filter to only display items where the Collection Reference field references the "Shirts" collection.

  7. Style the Collection List: Customize the appearance of the Collection List to match your design preferences. You can configure the layout, typography, colors, and other visual aspects using the Webflow Designer's styling options.

  8. Repeat for Other Categories: Repeat the above steps for each static page category, setting the appropriate filters to display items from the respective collections.

By following these steps, you can easily pull in items from multiple collections that fit under one of your static page categories in Webflow. This approach allows you to organize your content effectively while maintaining flexibility and scalability.

Additional questions:

  1. How do I create multiple collections in Webflow?
  2. Can I add different filters to a Collection List in Webflow?
  3. Are there any limitations to the number of collections I can pull items from in Webflow?