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

Community resources Show & Tell
#1

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

image
image979×677 85.5 KB

#2

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)

image
image1920×997 108 KB

#3

Hi,

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:
https://preview.webflow.com/preview/jalkafysio?utm_medium=preview_link&utm_source=designer&utm_content=jalkafysio&preview=23a8b1ab9d4ead7eb97118aa5408d841&pageId=61892c86398c3b5448169f10&workflow=preview

#4

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.