Create better browsing experiences with "or" collection filtering

<p><br></p><p>Three new enhancements are giving you more power over your dynamic content. Take more control over the specific items that display in your collection lists, save time by importing and exporting multi-image fields, and get access to collection and item IDs.</p><h3><strong>Introducing the power of </strong><a href="<https://wishlist.webflow.com/ideas/WEBFLOW-I-658>"><strong>“or” collection filtering</strong></a><strong>&nbsp;</strong></h3><p>We’ve finally introduced the ability to filter your collection lists by <em>any </em>of your defined criteria. Until now, you’ve been free to define various filter criteria, though items would only display if <em>all </em>of them were true. For example, you could showcase products with a single category <em>and</em> below a certain price, or blog posts with a certain tag <em>and </em>a particular author.&nbsp;</p><p>Let’s say you had an ecommerce store selling a wide variety of streetwear: you’ve got jackets, tees, hats and everything in between. This new release helps you give your customers a better browsing experience. Create a collection list that includes all tops, including any product marked as a “Jacket” <em>or</em> “Shirt”.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1200px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1200px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21ce279TB3pKbEzuJZrEcSxtCyIxloPgf8CVdcxyV79vJcJwZEAc6mp6hChGmTs7oerz3OoAD29y9CrGSyuiwlcv5ZnPiMktBItM4PIKFbup2EBcjV7omhRABwAKNqXrcK5ajmrlpXP5.jpeg>"></div><figcaption>Add multiple filters, and choose items that match any of them.&nbsp;&nbsp;</figcaption></figure><p>Create the best onsite experiences by surfacing the right content for your visitors. These new filtering capabilities follow the release of <a href="<https://webflow.com/feature/filter-collection-lists-by-multi-reference-fields-on-template-pages>">multi-reference filtering</a> last year.</p><h3><strong>Import and export multiple images into a multi-image field via CSV&nbsp;</strong></h3><p>The CSV import and export functionality makes it easy to bulk add or pull your collection content from your site. We’ve just made a small, but exciting enhancement: you can now import and export multiple images at once from <a href="<https://university.webflow.com/article/cms-multi-image-field>">multi-image</a> fields across your collections.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1600px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1600px"><div><img alt="Export button highlighted in Collections panel." src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c766Hhd6s2Kb25PDonqDebmQxCSTkMJnjfH4UEeUQmgoeFp3fwKEvth6pHOqu58e09fR4hssZgFEp1t1RjM7Zhza-kON-8ktUZGSaN8GakKM6-J-bxmukMugTOYL0-Zvmd1FgDxLWgb.jpeg>"></div><figcaption>Use the import and export buttons in the collection manager.</figcaption></figure><p>Multi-image fields <a href="<https://university.webflow.com/article/exporting-a-collection>">export</a> and <a href="<https://university.webflow.com/article/importing-collection-items>">import</a> in the same way as single image fields: through URLs that map back to where those files are hosted in the original source project.</p><p>Though we don’t yet support importing or exporting custom multi-image fields for ecommerce product collections, you can import and export specifically from the <a href="<https://webflow.com/feature/showcase-unique-image-galleries-per-product-variant>">default More Images field.</a></p><h3><strong>See specific collection and item IDs for easy no-code integrations</strong></h3><p>CMS collection and item IDs are now displayed in the collection manager. They’re easily accessible for wiring up API or no-code integrations.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1000px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1000px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21ce29E661jseqZrB8dAXfvXfa8sHN8WKnYaCOjvmaqKxw-J9U3aQV4ZK35QxiRldjnAs4kLPAxznJLL1OBR-KW4fjxcGWigZn1JnV6lOOeLWyxpXIL-qOB2U4AJt7VUE0FJviYnHqgK8P.jpeg>"></div><figcaption>View your collection’s ID in the collection’s settings.</figcaption></figure><p>As an example, you can now use your native Webflow forms to manipulate and change existing items in your Collections.&nbsp;</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1000px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1000px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cdf9LWw9qRAjvC8urUNbbA0-7Pmi8COzF9jb4uDswAA-jaVebp1y6I3R-2gtP1AjxIoOlk5Ok7ccFKUUI5AWITw2aSDqe59MUb750WCz5xVD9cEpCqZZXOizEomLXQ3ujx8Qi4DEX.gif>"></div><figcaption>Add a custom field where you can paste the new collection item ID.</figcaption></figure><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1000px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1000px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cdfa6o1RsA9GGju7iYYRTRtZoKwXmpAjVelz4FAgEkGR8hS3XhG0nb4N0QiPcMvXBzHr_bJYVyQjr-UqQ6zMBJNQFp8LwkOlSRCVajAbXb9byK4vAazkyIFgGVcv0AndAkoAcHgAbLa.gif>"></div><figcaption>That enables you to use a<a href="<https://webflow.com/blog/new-feature-dynamic-embeds>"> dynamic embed</a> to pass that value through a hidden form element.&nbsp;</figcaption></figure><p>Once you have the Item ID in your form, you can now use the<a href="<https://zapier.com/apps/webflow/integrations#triggers-and-actions>"> form submission trigger</a> in Zapier to live update a collection item in Webflow.</p><div data-rt-embed-type='true'><hr></div><p>We’re constantly working to improve the ways that you control your site’s content. Have thoughts and feedback? We’d love to hear them. Head to our forum to share, or vote on ideas in the <a href="<https://wishlist.webflow.com/>">Wishlist</a>.</p>