Can't Add Thumbnail Image to Lightbox – Broken Image Icon in Webflow

Community resources General
1

I’m having trouble adding a thumbnail image to a Lightbox in Webflow. Instead of displaying the selected image, Webflow shows a broken image icon in the “Add Image” place

chrome_y78PwRtUUN
chrome_y78PwRtUUN2560×1187 185 KB

(as seen in the screenshot). The preview remains empty, and it doesn’t seem to load any image properly.

Has anyone else experienced this issue? If so, is there a known fix or workaround? I’d appreciate any help!

(Screenshot attached for reference.)

Read-Only link: Webflow - Secure windows Solutions V2

2

Hi there,

If you’re having trouble uploading images to Webflow, here are some troubleshooting steps that should help resolve the issue:

  1. First, verify that your image file isn’t corrupted, has a supported file extension, and is under 4MB in size.
  2. Check your internet connection - you need at least 5 mbps for uploads to work properly. Learn how to troubleshoot your internet connection.
  3. Browser extensions can sometimes interfere with image uploads. Try using an Incognito or private browsing window, or learn how to troubleshoot your browser extensions.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Hi Ove,

Your Galleries collection contains a multi-image field, which is what you’ve bound your lightbox directly to.

Webflow’s lightbox is smart enough to make that media setting work, so that it will add all of those photos to the lightbox as media.

The thumbnail is not related to this. Since it’s a single image you cannot bind it to multi-image field. You could bind it to a static image or add a single-image field to your gallery collection and bind there.

image
image1920×1125 104 KB