[Tutorial] How to add a multi-image gallery with more than 5 items as nested collection

Hi Webflow Community!

Due to several requests in connection with my Multiple Nested Collection project I have created another cloneable project to show how you can display more than 5 images from a multi-image field that is part of a collection as a nested collection on any static page in your Webflow project.

Live website: https://nested-collections-multi-image-gallery.webflow.io/

Clonable: nested-collections-multi-image-gallery - Webflow

The nested image gallery also works with lightbox but you have to use a custom code solution for the lightbox (not the native Webflow solution). I have updated the clonable project with a special (lightbox solution). You can taste this out on the live website: Gallery (Lightbox)


Love this workaround! But I can’t seem to get it to work.

I find I did everything as in your example website. But obviously I’ve missed something. Do you know what went wrong?

The HTML Embed section is in the page “Kuvagalleria” and under “Multi-Image Gallery jQuery” heading. The CMS page is called “Images Template”. CMS collection name is “Images”.

Read only link:

Check again if you wrote in the embeded the class that goes for the “Collection List Wrapper” the first parent of the collection list element.