Why can't we have captions under the 25 images in Webflow CMS for the artist websites I'm creating? Can someone assist me with this?
TL;DR
- Use a multi-reference field linking images to captions via a separate CMS collection.
- Use a Rich Text field to manually add captions under images.
- Use a static Collection List if CMS control isn’t needed.
- Use custom code to extract captions from multi-image fields.
You’re likely using a multi-image field in Webflow’s CMS, which doesn’t support individual captions per image. However, there are workarounds to add captions to each image.
1. Use a Multi-Reference Field for Individual Captions
- Instead of a multi-image field, create a separate CMS collection (e.g., "Images") with fields for Image and Caption.
- In your main CMS collection (e.g., "Artists"), add a multi-reference field linking to the "Images" collection.
- Display these images in a Collection List inside the template, ensuring captions are connected to each image.
2. Use a Rich Text Field Instead
- If your images are in a Rich Text field, you can manually add captions under each image in the editor.
- Downside: This doesn’t allow dynamic filtering or styling beyond Rich Text customization.
3. Add Captions Using a Static Collection List (Non-Dynamic Option)
- If the images don’t need to be CMS-driven, use a Collection List with separate fields for images and captions in a static section.
- This provides styling flexibility but won’t be dynamically managed like a CMS multi-image setup.
4. Use Custom Code (Advanced)
- If you must use a multi-image field, you can add captions by inserting custom attributes in the Webflow editor and using custom JavaScript to extract and display them.
Summary
Webflow’s multi-image field doesn’t allow per-image captions. To add captions dynamically, use a multi-reference collection, a Rich Text field, or a Collection List with image-caption pairs. If needed, custom code can be used to extract captions.