I want to have multiple small gallery grids on the same page, one after another. Each gallery should be filled with images from a CMS multi-image field. I have created a CMS Collection and populated it with a few rows. Each row has a gallery-title and a multi-image field with a few images. Then I created a Collection Page with a CollectionList (with 4 columns) with a Lightbox Image and connected it to the multi-image field. What I get is a single gallery grid populated with the images from one row of the collection. What I do not understand is how the rest of the rows in the collection show up? Can someone explain how I go about this? Thanks.
ooh, I think I might have (almost) figured it out. I need nested CollectionLists? One level is connected to the Collection, then inside that is another CollectionList connected to the multi-image field. Still experimenting..
Well, I think I have it basically working with nested CollectionList, but there is a “Show” setting that says nested lists are limited to 10 items. Why?! I can maybe understand there being a limit, but why not 25 – the limit of items in a multi-image field? Is there a way I can change that?
Not natively, nested collection lists were limited to 5 items for many years, until this Sep. Then doubled to 10, plus some other improvements.
The reason is server load… database querying, template processing, HTML rendering, it’s expensive.
Thanks for the answer. Hm, well in that case I don’t think multi-image field and CMS is going to work for my needs. What I’m trying to do is convert a wix site to webflow, and I’m looking at this page: https://www.sliptstitchers.org/gallery. I can of course just do this “brute force” by using static grids and filling in the lightbox images from ordinary image assets. The problem is how much “manual labor” that involves – creating a separate lightbox for each image and clicking twice on each lightbox to fill in the images (thumbnail and actual image). Is there a “macro” of some kind (or can I write one?) that would allow me to point a grid container at a folder in the Assets panel and have it populate the grid with lightboxes from all the images in that folder?
The trick is to plan your setup carefully. Nested lists are good when you want a sampling of something so for example a real estate site with-
- A property listing collection page that shows all photos
- A homepage that lists recent properties, but only a sampling ( max 10 ) of images
Where you want a full 25 images from the multi-image field to show, it’s easiest to use the collection page since the collection page itself is the item context. Just drop a collection list on that page bound to the multi-image field directly.
If you really need a nested collection list ( because you’re not on the collection page ), then there are Javascript approaches but they’re not especially performant or SEO-friendly. Have a look at Finsweet nest if you need.
Do you mean each row of the Collection is on a separate page?
Actually, I might have more than 25 sometimes, that’s another reason I think I should just go back to static grids. Do you have any advice for more easily making a grid from an Asset folder of images?
Thanks!
No, collection pages. Share your readonly designer link-
Sygnal | KB | How to Create a Readonly Designer Link ( aka Sandbox link )
Just use adjacent collection lists, each bound to one multi-image list. I do multiples of 25 that way, e.g. 50, 75, 100.
If you really want them to merge into a single collection list, you can use Sygnal Layout
Layout ❺ | SA5 | Sygnal Attributes | Designed for Webflow
Or Finsweet List Merge.