The Blocksify Image Gallery block displays multiple images in grid, masonry, collage, showcase, or slider layouts. Use the Image block for one image; use Image Gallery when one image set needs gallery layout, captions, slider, or lightbox behavior.
At a glance
| Block name | blocksify/gallery |
| Role | Displays one image set in the layout you choose. |
| Free layouts | Grid, masonry, collage, showcase, and slider. |
| Sources | Images selected from the Media Library or supplied through Dynamic Data. |
| Slider and lightbox | Showcase and slider layouts can show arrows, dots, thumbnails, optional autoplay, and lightbox viewing. |
| Key supports | Spacing, border, radius, shadow, size, overflow, position, z-index, visibility, and gallery-part styling. |
The WooCommerce variation is named Product Gallery, formerly Product Media, and its fourth panel is titled Lightbox & captions. It uses the same gallery controls for a product’s images and variation image sets.
Where to find it
- Select the Image Gallery block on the canvas and open the block inspector.
- Open Source to choose Media Library or Dynamic Data.
- Use Settings, the active Grid options, Masonry options, Collage options, Showcase options, or Slider options panel, then Caption & Link and Styling. Product Gallery also shows Sale badge and renames the fourth panel Lightbox & captions.
Source
Open Source and set Source type to Media Library for a fixed set you select, reorder, edit, or clear. Choose Dynamic Data when the gallery should read images from the current content.
| Setting | Description |
| Media Library | Uses the fixed image set you choose for this gallery. |
| Dynamic Data | Uses a gallery or image field instead of a fixed selection. Dynamic sources are most useful inside a Content Loop or a Dynamic Template, where the current item can supply a different gallery. |
| Gallery field | Selects an available gallery or image field. Choose Custom gallery meta key… when the images are saved in a custom field that is not listed. |
| Source record | Choose Current item (context) to read images from the item being displayed, or select a specific record to keep one record’s gallery. |
| Stored format | Leave Auto detect selected by default, or choose the format used by a custom meta key: Attachment IDs, Repeated meta rows, Comma-separated IDs, JSON, Image objects, or Image URLs. |
Settings
The Settings panel contains the larger Layout picker, Height, and Image fit. Switching layouts changes the presentation without changing the source.
| Setting | Description |
| Grid | Uses uniform responsive columns. Its settings are in Grid options. |
| Masonry | Uses staggered columns and natural image ratios. Its settings are in Masonry options. |
| Collage | Uses featured tiles and a View-all button for the full lightbox set. Its settings are in Collage options. |
| Showcase | Shows one stage image with a connected thumbnail strip. Its settings are in Showcase options. |
| Slider | Shows an image track with navigation, pagination, optional autoplay, swipe, effect, loop, and speed settings in Slider options. |
Caption & Link
Showcase shows one main image with a thumbnail strip. Slider shows an image track with optional arrows, dots, autoplay, effects, loop, and speed controls; visitors can also navigate it with the keyboard.
Use Captions to place captions below or over images. When Lightbox is enabled, it can offer thumbnails, zoom, fullscreen, slideshow, share, and video, and it takes priority over media links.
Note: A gallery with one image shows no arrows, dots, or thumbnail strip.
Sale badge
The Sale badge panel appears for Product Gallery. You can show or hide the badge, display a discount percentage when available, change its label, and choose its corner position.
Styling
Gallery style panels let you style the wrapper and the gallery parts that need independent visual treatment.
| Setting | Description |
| Image | Styles the gallery image surface. |
| Caption | Styles caption text and its surface. |
| View-all button | Styles the Collage control that opens the full set. |
| Stage arrows or Arrows | Styles Showcase or Slider navigation. |
| Thumbnails, Thumbnail arrows, and Dots | Styles the navigation parts available for the selected layout. |