How can I create a Collection List in Webflow that pulls in content from different Collections? We're rebuilding our eCommerce stores and need to display products from multiple categories in one list. For example, the 'View All Products' page should show all products from all Collections, and the 'Products under £100' page should display products from multiple Collections filtered by price. Is there a way to achieve this? Here is my public share link: <LINK>
TL;DR
- Create a master Collection for all products and use filters to group them by category or price.
- Use Multi-Reference fields to connect categories if a single Collection isn't feasible.
- Consider Zapier integrations or custom JavaScript for external aggregation or dynamic content.
- Use filters in Webflow to display products under specific criteria, like price ranges, if products are in one Collection.
Creating a Collection List in Webflow that aggregates content from different Collections can be challenging due to some limitations in Webflow's native CMS capabilities. However, you can use some workarounds to achieve your goals.
1. Combine Products into One Collection
- Consider creating a single master Collection that contains all products from different categories. This is the simplest approach if you can add a category field to filter and group products within the same Collection.
- This allows you to create a single Collection List pulling all products and then utilize filters to display specific categories or price ranges.
2. Utilize Multi-Reference Fields
- If keeping one Collection is not feasible, use Multi-Reference fields to connect different product categories. This approach requires more setup and may not be ideal for large stores.
- Set up product relationships using these fields and configure filters based on price or other attributes.
3. Use Custom Code or Integrations
- Consider using integrations like Zapier to automate product listings and combine them from multiple Collections into one listing on an external system or a different Webflow Collection.
- Custom JavaScript might be an avenue if you need dynamic content that aggregates products on the same page based on certain conditions.
4. Display Products Using Filters
- Once you have products consolidated or connected through a single Collection, utilize filters in Webflow to display your products based on selected criteria like price (e.g., Products under £100).
- To filter by price, ensure that the price is a dedicated field in your master Collection.
Summary
To display products from multiple Collections in one list, consolidate products into a master Collection if possible and use filters for category and price distinctions. Should your needs be complex, consider Zapier integrations or custom code to manage and display aggregated content. Efficient structuring at the setup stage will ensure smoother content management and display.