The Image Gallery Widget displays a collection of images in a grid layout. Visitors can click on images to view them in a larger format. Use this widget to showcase photos, portfolios, or product images.
Edit Dialog Fields
| Field |
Description |
| Image Aspect Ratio |
Select the aspect ratio for gallery thumbnails (default: 3) |
| Sort Order |
Controls the display order when multiple widgets are on the page |
Advanced Edit Fields
| Field |
Tab |
Description |
| Name |
Control Info |
Internal name for this widget |
| Images |
Images |
Manage the gallery images (opens Image Gallery Images) |
| Image Width |
Layout |
Width of images in pixels (default: 286) |
| Card Width |
Layout |
Width of gallery cards in pixels (default: 286) |
| Card Aspect Ratio |
Layout |
Select the aspect ratio for gallery cards |
| Pad Top |
Styles |
Add top padding to the widget |
| Pad Right |
Styles |
Add right padding to the widget |
| Pad Bottom |
Styles |
Add bottom padding to the widget |
| Pad Left |
Styles |
Add left padding to the widget |
| As Full Bleed |
Styles |
Include margins for content |
| Height |
Styles |
Set a specific height with units |
| Theme Style |
Styles |
Select a layout wrapper class from Design Block Themes |
| Button Style |
Styles |
CSS class for buttons (default: "btn btn-primary") |
| Background Image |
Background |
Set a background image for the widget |
Child Records: Image Gallery Images
Each gallery image is a separate record with these fields:
| Field |
Description |
| Image Source |
The image file |
| Title |
Title text for the image |
| Description |
Description text for the image |
| Href |
Optional link URL when the image is clicked |
| Image Alt |
Alt text for accessibility |
| Sort Order |
Controls the display order of images in the gallery |