Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Setting images to open in a lightbox

A lightbox is a design effect that opens an image in a centered overlay and dims the rest of the page when an image is clicked. Clicking the x in the top corner closes it and returns to the page. Lightboxes are a great way to highlight images by allowing visitors to enlarge them.

You can set images to open in lightboxes in Image Blocks and Grid Gallery Blocks. Some templates' Gallery Pages use lightboxes by default.

Before you begin

Enabling the lightbox option in Image Blocks, Gallery Blocks, and many templates' Gallery Pages disables the image's clickthrough URL, since clicking opens the image in a lightbox.

In certain templates, however, adding clickthrough URLs will disable lightboxes for Gallery Pages. See the Lightbox with Gallery Pages section below for a full list of which templates behave this way.

Can I change the lightbox background color?

In an Image Block or Grid Gallery Block, you can choose from two different overlays for each lightbox:

  • Choose Dark Overlay for a black background color.
  • Choose Light Overlay for a white background color.

In Gallery Pages set to Grid, you can set lightboxes to Light (white) or Dark (black) in the Gallery Styles section of the Style Editor.

Lightbox with Image Blocks

When adding an image to an Image Block, check Enable Lightbox. Set your lightbox style by choosing Dark Overlay or Light Overlay from the drop-down. 

Regular Pages support multiple layouts. Only the Inline layout supports a lightbox:

  1. Double-click the image to open the image editor.
  2. Click the Design tab.
  3. Ensure your layout is set to Inline.
  4. Check Enable Lightbox.
  5. Choose your lightbox style with the Lightbox Theme drop-down.
Note: Captions always display in lightbox view. Lightboxes disable clickthrough URLs.

Lightbox with Grid Gallery Blocks

After adding your images to a Grid Gallery Block, click the Design tab and check Lightbox. Set your lightbox slideshow style by choosing Dark Overlay or Light Overlay from the drop-down. 

Note: Lightboxes aren't available in Slideshow, Carousel, or Stacked Gallery Blocks.

Lightbox with Summary Block

When a Grid Summary Block is connected to a Gallery Page, the images automatically open in a lightbox slideshow.

The lightbox slideshow affects clickthrough URLs:

  • While viewing the page, images with clickthrough URLs open the clickthrough link when clicked, rather than opening the lightbox slideshow.
  • When the lightbox slideshow is open, clickthrough URLs are disabled.

Lightbox with Gallery Pages

Here are the lightbox options for template-specific Gallery Pages. Templates are grouped by family.

Tip: In any Gallery Page set to Grid, the lightbox color can be set to Light or Dark in the Style Editor.
Adirondack Gallery Page set to Grid
Avenue No lightbox
Aviator, Aubrey, Encore Gallery Page set to Grid (Clickthrough URLs disable lightbox)
Bedford, Anya, Bryant, Hayden Gallery Page set to Grid (Clickthrough URLs disable lightbox)
Brine, Basil, Clay, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Marta, Mercer, Mojave, Motto, Nueva, Rally, Rover, Sonora, Thorne

Gallery Page set to Grid (Clickthrough URLs disable lightbox)

Disabled for Index Page

Farro, Haute Gallery Page set to Grid (Clickthrough URLs disable lightbox) 
Five Gallery Page set to Grid (Clickthrough URLs disable lightbox)
Flatiron No lightbox
Forte

Click + icon in upper-right corner of image to open lightbox

Disabled for Index Page

Galapagos Gallery Page set to Grid (Clickthrough URLs disable lightbox)
Ishimoto No lightbox
Marquee, Adversary, Alex, Eamon, Ginger, Mint, Shift Gallery Page set to Grid 
Momentum No lightbox
Montauk, Julia, Kent, Om No lightbox
Native Gallery Page set to Grid (Clickthrough URLs disable lightbox)
Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi

Gallery Page set to Grid (Clickthrough URLs disable lightbox)

Supported on Index Page sections.

Skye, Foundry, Tudor

Gallery Page set to Grid (Clickthrough URLs disable lightbox)

Disabled for Index Page

Supply No lightbox
Tremont, Carson, Henson No lightbox
Wells No lightbox
Wexley Click any image to open a lightbox slideshow. Lightbox disabled on mobile.
York, Artesia, Harris, Lange, Jasper, Shibori, Taylor Gallery Page set to Grid (Clickthrough URLs disable lightbox)
Was this article helpful?
5 out of 33 found this helpful
Setting images to open in a lightbox