How can I add caption text to the Webflow CMS Lightbox Gallery?
TL;DR
- Create a CMS Collection with an Image Field and a Plain Text Field for captions.
- Add a CMS Collection List to your page and connect it to the gallery collection.
- Insert a Lightbox inside the Collection Item, linking it to the CMS Image Field.
- Add a Text Block below the Lightbox, binding it to the CMS Caption Field.
- (Optional) Group Lightbox items by setting the same Lightbox Link Group name.
You can add caption text to a Webflow CMS Lightbox Gallery by using a combination of a CMS Collection List and a Lightbox element. Here's how to do it:
1. Set Up Your CMS Collection
- Go to CMS Collections and create a new Collection (or use an existing one).
- Add at least two fields:
- Image Field for gallery images
- Plain Text Field for captions
2. Add a CMS Collection List to Your Page
- Drag a Collection List onto your canvas.
- Connect it to your CMS Collection containing gallery images.
3. Insert the Lightbox Element
- Drag a Lightbox into the Collection Item.
- Inside the Lightbox, place an Image and link it to the CMS Image Field.
4. Display Captions
- Add a Text Block inside the Collection Item, below the Lightbox.
- Bind it to the CMS Caption Field.
- Style the text as needed.
5. Group Lightbox Items (Optional)
- If you want all images in a single Lightbox group:
- Set the Lightbox Link Group to the same name for each item.
Summary
To add captions in a Webflow CMS Lightbox Gallery, include a Plain Text Field in your CMS Collection, connect it to a Text Block below each Lightbox item, and style it accordingly.