How can I add the new multi-image field to a template page in Webflow's Collection (Profiles)? I cannot find the field option to link in the grid settings.
TL;DR
- Add a Collection List inside the Collection Template Page where you want the multi-images.
- Connect the Collection List to the Multi-Image field, then place an Image element inside it and bind it to the multi-image content for display.
You're trying to add a Multi-Image field to a Collection Template Page in Webflow, but it’s not showing up as an option in your element settings. This is because multi-image fields work differently than standard image fields.
1. Understand the Multi-Image Field Limitation
- Multi-image fields cannot be directly connected to elements like Grid or Image inside a Collection Template Page the same way single-image fields can.
- Instead, they must be connected using a Collection List within the Template Page.
2. Drag in a Collection List Inside the Template
- Go to your Template Page (e.g., Profile Template).
- Drag a Collection List element onto the page where you want the images to appear.
3. Connect the Collection List to the Multi-Image Field
- In the Collection List Settings panel, choose the Multi-Image field from the “Get Images From” dropdown.
- This will create a nested image reference from the specific Profile item.
4. Add Image Element Inside the Collection List
- Now, drag an Image element inside the Collection List.
- Choose “Get image from [Your Multi-image Field]” in the Image Settings.
- The image will now display each image associated with that Profile’s multi-image field.
5. Optional: Style Using Grid or Flex
- If you want a grid of images, apply Display: Grid or Flex to the Collection List, not the Image itself.
- Adjust columns, gaps, and other layout properties as desired.
6. Publish and Test
- Publish your site to see the multi-images appear on the live template page.
- Remember, images won't be visible in the Designer if there’s no content in the CMS item.
Summary
To display a Multi-Image field on a Template Page, embed a Collection List that pulls from the multi-image field. You can’t link a Grid directly to multi-image content—you must use a Collection List and nest image elements inside it for proper binding and display.