Gallery

Standard TYPO3 CType image: multiple FAL images in the field image, number of columns per breakpoint via imagecols_xs..xxl, click behavior via the standard field image_zoom (Lightbox).

2-column

4 images, 2 side by side. Field: imagecols=2.

4-column

4 images per row (desktop), 2 columns on mobile. Field: imagecols=4.

Single image (full width)

One image, full container width. Field: imagecols=1.

Lightbox

When image_zoom=1 clicking on an image opens the lightbox player (Component lightbox currently JsComponents.yaml, currently glightbox). You can scroll through the images using the arrow keys or a swipe gesture; the title and description are taken from the FAL metadata of the sys_file_reference.

Tip: Click on one of the images above → the Lightbox opens.

Configuration

CType: image
image: FAL reference(s) — any number of images, sortable by sorting_foreign
imagecols: default number of columns (1, 2, 3, 4, 6, 12)
imagecols_grid (JSON): Columns per breakpoint: {"xs":"1","sm":"2","md":"4","lg":"4","xl":"4","xxl":"6"}
image_zoom: 0 = off, 1 = lightbox enabled
imageorient: Gallery position (0 = default, above)