Back to updates
Feature
CMS

Upload up to 25 images at once with the new multi-image field

Drag and drop up to 25 images into a multi-image field in any CMS collection item or Ecommerce product to build and style dynamic galleries with ease.

Upload up to 25 images at once with the new multi-image field

<p>In a <a href="<https://youtu.be/7Ea2xGImi5Q?t=1621>">recent workshop</a>, we let it slip that a new multi-image field was close to the finish line. We’re proud to announce that the day has come! You can now add a multi-image field to your collections or products, unlocking the ability to batch upload as many as 25 images at once.&nbsp;</p><figure class="w-richtext-figure-type-image w-richtext-align-center" data-rt-type="image" data-rt-align="center"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c940PnVlv-UINnRXktOj8ujjeq40b4A1Pynl04KjUAKF6m6lFKAWA1YWv9hkPtnzfGdBP8sSl83mAMKzdnsqMcy9HGVeAwzhMufmJ0EJClIUlr0hQT0LQciWtqJcsuZ61eU0tsTkW.png>"></div><figcaption>We got you, Gene.&nbsp;</figcaption></figure><h3><strong>More photos, fewer fields</strong></h3><p>Until now, most images in a collection item or product would need their own image fields. A collection with lots of images might quickly hit the 30-field limit on the <a href="<https://webflow.com/pricing>">CMS plan</a>, or even the 60-field limit on the <a href="<https://webflow.com/pricing>">Business plan</a>. The multi-image field makes it possible for image-heavy sites to use fewer collection fields altogether.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1380px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1380px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c8f8h7DA-NZGhbK6PdSAgMnRvm73sk9v3J9on3IrljbVMUKcHJXvHCgwdVEu7CFJpCJI-dtG194CxYnUR2jduFG4JJLk-PuWJcloJqEdk4l1aN20GIugvS22pdk7Ox-qQ2PwY5Cdo2Qh.gif>"></div><figcaption>Add a multi-image field in your collection or product settings.&nbsp;</figcaption></figure><h3><strong>Drag-and-drop uploading</strong></h3><p><a href="<https://www.youtube.com/watch?v=0Wx-gt0jl4o>">Easy as 1, 2, 3</a>. Drop in as many as 25 images into each field. Plus, you can reorder them however you’d like.&nbsp;</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1380px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1380px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c979RjBTThUrzZsy3QVht7TBDNJ1PrUu8y4PGEtV1gZtZB24nNylrngmiSbuJcQ7V678QYFsHdyKyf7pwmhRMUIizLjok0r-8J78FNpPq-iShDJg-kHdJKHoSfHBHMdoreVAxb.gif>"></div><figcaption>No, seriously, it’s that easy.</figcaption></figure><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:626px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="626px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c969Q8Qex-TbELq6uucDy4yywNIiqvQ9AOmQ3Qe16Seke6CKsyAvfeHUqZkenLtewO0SBA9-PtF-FA3dMwbWMcz0XhMOpOm4PG3n71LG9g6c6AgkZnWVJR5yL8jaNZ3bgqQ3650RslE.png>"></div><figcaption>Add alt text by clicking on the icon on the top right of each image.&nbsp;</figcaption></figure><h3><strong>Flexible image layouts</strong></h3><p>Create any layout of your uploaded images<strong> </strong>on a collections template page with a collection list. The list dynamically populates the images from each corresponding collection item, even if they vary in number.&nbsp;</p><p>Check out our recent workshop where we share how to use the multi-image field with a collection list.&nbsp;</p><figure class="w-richtext-figure-type-video w-richtext-align-fullwidth" style="padding-bottom:56.206088992974244%" data-rt-type="video" data-rt-align="fullwidth" data-rt-max-height="56.206088992974244%" data-rt-dimensions="854:480" data-page-url="<https://www.youtube.com/watch?v=7Ea2xGImi5Q>"><div><iframe allowfullscreen="true" frameborder="0" scrolling="no" src="<https://www.youtube.com/embed/7Ea2xGImi5Q>"></iframe></div></figure><h3><strong>Galleries galore</strong></h3><p>This new release, along with the launch of <a href="<https://webflow.com/blog/css-grid-release-2-0>">Grid 2.0</a> and <a href="<https://webflow.com/updates>">dynamic lightboxes</a>, makes it possible to create dynamic galleries from your CMS and Ecommerce images (and in some cases, videos). <a href="<https://webflow.com/blog/now-you-can-finally-create-dynamic-cms-and-ecommerce-galleries>">Dig deeper into all three features</a> in our new blog post, and learn how to <a href="<https://webflow.com/blog/now-you-can-finally-create-dynamic-cms-and-ecommerce-galleries>">create a gallery of product thumbnails</a>.&nbsp;</p><p><br></p>


Launched on
July 11, 2019
Category
CMS

Related updates

Faster CMS item creation and undo/redo improvements

Faster CMS item creation and undo/redo improvements

Learn more
Expanded on-canvas editing

Expanded on-canvas editing

Learn more
CMS auto-save

CMS auto-save

Learn more
CMS Collection list updates

CMS Collection list updates

Learn more
Comment directly on dynamic CMS content in Webflow

Comment directly on dynamic CMS content in Webflow

Learn more
Use existing assets for OG images

Use existing assets for OG images

Learn more