To add the new multi-image field to a template page in Webflow's Collection (Profiles), you need to follow these steps:
1. Access the Collection Editor: Go to your Webflow project and navigate to the "Collections" tab. Find the collection that you want to add the multi-image field to (in this case, the "Profiles" collection), and click on the "Open Editor" button next to it.
2. Go to the Field Settings: In the Collection Editor, you'll see a list of existing fields for your "Profiles" collection. To add the multi-image field, scroll down to the bottom of the fields list and click on the "Add field" button.
3. Add the Multi-Image Field: In the field creation modal that appears, you'll see a range of field types to choose from. Look for the "Multi-Image" field type and select it.
4. Configure the Multi-Image Field: Once you've added the multi-image field, you can configure its settings. Give the field a name, such as "Gallery" or "Images", that will help you identify its purpose. You can also set additional options, such as deciding whether the images should be required or allowing multiple images to be added.
5. Update the Template Page: Now that you've added the multi-image field to the collection, you can integrate it into your template page. Open the template page that corresponds to your "Profiles" collection (for example, the "Profile" template), and enter the Designer view.
6. Add the Multi-Image Field to the Template: In the Designer, access the Collection List element that displays the individual profiles. Inside the Collection List, locate the Grid or Card element that represents a single profile item.
7. Link the Multi-Image Field: With the Grid or Card element selected, look for the settings panel on the right-hand side of the Designer. Within the settings panel, you'll find a section related to the collection fields. Scroll through the available fields until you find the newly created multi-image field. Enable it by clicking on the toggle switch or checking the box next to it.
8. Design the Multi-Image Display: After linking the multi-image field, you can style and design how the images are displayed in your template. You can use image elements, div blocks, or custom code to create a visually pleasing gallery or slideshow.
9. Publish the Changes: Once you've finished adding and designing the multi-image field in your template, make sure to save your work and publish the changes. Preview the collection items to see the multi-image field in action.
That's it! You have successfully added the new multi-image field to a template page in Webflow's Collection (Profiles) and integrated it into your design.