I am working on a website for a custom home-builder, and I am having trouble implementing the multi-image field for a CMS item. Before I forget, here is my read-only link, and here is the link to the live staging site.
To begin, below is the design I am going for. The 4 images on the right-hand side are currently static.
Ideally, the 4 images on the right hand side of this collection item would be sourced from the CMS multi-image field. I do have that set up in my CMS Collection as you can see below:
However, I have not found a way to connect to the multi-image field. The section itself is a collection list where only a single item is displayed, and it’s based on whether a CMS toggle is featured on or off for a featured listing. You can see that it’s a collection item below:
I cannot connect a BG image to the multi-image field as it’s not an option, and you can see below. I can only choose to source it from “Card Image” which is a single image CMS field.
So, I started to look around for other solutions, and I figured the Lightbox Gallery would be the correct solution. I found this person ( @meteorites ) doing exactly that. Here is his read-only link. He is placing a lightbox inside multiple collection items and then sourcing the background image from his multi-image field in the CMS. You can see this below:
So, I went and followed his exact setup, but I still cannot choose my multi-image field to get the BG image, just like he did. You can see this is not a selection from the image below:
Anyways, I am sure I am doing something stupid, and I am hoping someone in the community can point me in the right direction to accomplish my design above. To sum everything up, I am trying to keep the same layout from my design (one main image and 3 side images), I am trying to pull the BG images from the multi-image field in the CMS, and ideally, I would like to limit the number of items from the multi-image field shown to 4.
Thanks for any help you can offer
I messaged @Meteorites as he went through this same problem on the forums, and he pointed me back to the following video. Starting at about 33 minutes, I see that the Webflow team is showing this working on a CMS page, not a normal page where a CMS Collection List is added. I am now wondering if this is the reason I can’t connect to the multi-image field. Is it true it must be on a Collection Page?
UPDATE 2: Diving deeper into the forums, I did find one person (@sarahfrison) saying this can only be done on collection template pages, not static pages where cms collections lists are added, see below: