Image - Gallery
Advanced image gallery with Lightbox support
Last updated
Advanced image gallery with Lightbox support
Last updated
The image gallery element is a visually appealing way to present multiple images in a gallery format, enhanced by an interactive Lightbox function. Users can enlarge and focus on the images in the gallery by clicking on them and switch between them.
This element is ideal for showcasing products, projects, portfolios, or events attractively.
| Function | Description |
|---|---|
Spacing between images (1) | The empty space between the images can be determined here. |
Fixed height of images (2) | Images vary greatly in format. This function sets the image crop to create a uniform layout. |
Select layout (3) | Grid = Images arranged in a grid Slider = Images displayed as a slider Masonry = Irregular grid with variance |
| Function | Description |
|---|---|
Show image title (1) | The title assigned to the image in the Shopware media library will be displayed here. |
Enable arrow navigation (2) | If disabled, navigation can still be done via swipe. |
Image numbering (3) | This numbers the images, so it's always clear how many images are left to see. |
Share images (4) | Allow customers to share the images on social networks. |
Loading animation (5) | During the loading process of the lightbox, an animation is executed. You have various options here. |
Loading animation color (6) | The color of the animation elements. |
Overlay background color (7) | The lightbox darkens the surrounding area. Here you can choose the color. |
