CMS Library Slider Component with Lightbox Issue - Duplicating Multi-Image Content

Attributes
1

I have an issue with the cms-library slider component integrated with a lightbox. I followed the instructions from the video provided in the docs and the slider works perfectly, but there appears to be an issue when integrating with a lightbox as it duplicates the number of images.

Multi Image URL:

Single Image URL:

In both you can see the roll is entirely duplicated, which can also be seen in the source output. The first has 8 and 16 images are in the lightbox roll and the second has 1 and 2 images in the lightbox roll.

Here is an example of the single image, outputting the lightbox data twice which is the culprit for the duplicated roll. WebFlow tends to think this is not an issue on their end.

webflow-lightbox-issue
webflow-lightbox-issue1920×1292 217 KB

2

So it does appear to be an issue when instantiating the slider as it creates those duplicates in the dom. Initially the lightbox was added to the main item and then copied to the dynamic feed as in the example. When I removed the lightbox entry from the main slider I was able to get the source to only output 1 entry, which is great, but then instantiating the slider creates the duplicates.

3

Here is an example of what I explained above.

webflow-lightbox-issue-on-slider-init
webflow-lightbox-issue-on-slider-init1920×1558 169 KB

4

Hey @giancarlo.gomez! Have you tried the updates Attributes version of this solution? We are already in V2! CMS Library has been deprecated for some years now :sweat_smile:

You can find the new documentation here!

Give it a try and let me know how it goes!