To enable lightbox functionality for images on your site:

Gallery Sections (Version 7.1)

• Click Edit on the page
• Hover over gallery section and click pencil icon
• Set Gallery type to Grid: Simple, Grid: Strips, or Grid: Masonry
• Toggle Lightbox on
• Save changes

Style Lightbox Background:

1. Open Site Styles > Colors
2. Click pencil icon on matching theme
3. Adjust "Lightbox background" for color
4. Adjust "Lightbox icon" for navigation controls
5. Save changes

Image Blocks:

• Open image block settings
• Click Design tab
• Set layout to Inline (if available)
• Toggle Lightbox on
• Select Dark or Light overlay
• Save changes

Grid Gallery Blocks:

• Add images to gallery
• Click Design tab
• Check Lightbox option
• Choose Dark or Light overlay
• Save changes

Important Notes:

• Pinch-to-zoom not supported on mobile
• Captions display on hover (desktop) or dot tap (mobile)
• Clickthrough URLs may disable lightbox functionality
• Video thumbnails need "Use Thumbnail" enabled
• Slideshow layouts don't support lightbox
• Gallery section captions don't display in lightbox
• Summary blocks connected to gallery pages open lightbox automatically

Template-Specific Considerations:

• Version 7.0 template support varies
• Some templates only support lightbox for specific gallery types
• Mobile functionality may differ by template
• Caption display varies by template family
• Index page support varies by template

Best Practices:

• Use text blocks for captions in Fluid Engine
• Add text links to descriptions if URL linking needed
• Test functionality across desktop and mobile
• Consider template limitations when planning layout

Related Articles

Previous Articles