Open images in a lightbox

A lightbox opens the full-size image in an overlay on click. Single images and galleries turn it on per block; there is no site-wide switch, so it never surprises you on images that should not enlarge.

A single image

  1. Select the Image block.
  2. Set On click to Open lightbox.
  3. Choose the Image Size to load in the overlay and turn on Caption if you want the caption shown there too.
Image block settings in the Flatsome Builder with On click set to Open lightbox highlighted, followed by Image size and Caption

The same On click setting also offers Open link, Open attachment, Open current post, and Open video, which opens a YouTube or Vimeo URL in the overlay instead of the image.

Select the Gallery block and open the Lightbox panel. Turn on Lightbox, pick an Image Size, and enable Caption if needed. Visitors can then move between all images of the gallery inside the overlay.

Gallery block settings with the Lightbox switch highlighted in the Lightbox panel
A gallery photo enlarged in the lightbox overlay on the live page, with a close button in the top corner

Product images

The Product Gallery block on the Single Product template has its own zoom and lightbox options, so no extra setup is needed for the shop.