CMS Bundle - Erlebniswelten
Looking for a freelancer?
EN
EN
  • Welcome
  • Sections and Blocks
    • Sections
      • Save Sections as Templates
      • Custom Column - Layouts
      • Section transitions
      • Fixed Background
      • Fixed Sidebar
    • Blocks
      • Pre-Built Blocks
        • Column - Layouts
        • Grid - Layouts
        • Slider - Layouts
      • Animations
      • Offsetting Content
    • Display Rules
    • Schedule / Planning
    • Color Gradients
  • Elements
    • Call to Action
      • Simple - Banner
      • Countdown - Banner
      • Content Cards / Teaser
      • Simple - Button
      • Pricing Tables
    • Icon - Boxes
      • Icon - Textbox
      • Icon - Flipbox
      • Alerts / Notifications
    • Navigation
      • Dynamic Subcategories
      • Sidebar - Navigation
      • Search - Banner
      • Breadcrumb Navigation
      • Sales Channel - Navigation
    • Product presentation
      • Shop the Look
      • Product with Countdown
      • Product Comparison
      • Product Lists / Bundles
      • Produkt Listing / Grid
    • Content
      • Accordeon
      • Divider
      • Animated Headline
      • Tab - List
      • News - Ticker
    • Media
      • Image - Gallery
      • Image - Compare
      • HTML 5 - Video
      • Audio / Music
      • File / Download
    • Manufacturer / Brands
      • Brand - Slider
      • Brand - Directory
    • Sales Promotion
      • Payment- / Shipping
      • Shipping Tables
      • Testimonials
    • Forms
      • Newsletter
      • Login - Form
    • Company
      • Team - Member
      • Locations
    • Config - Elements
      • Button
      • Elements per Row
      • Icon
      • Font size
      • SEO
      • Timer
      • Product assignment
      • Linking
    • Shopping Experience as Element
    • Code / Twig
  • Service
    • Free trial
    • Request new function
    • Create Support - Ticket
    • Manufacturer Website
    • 🇩🇪German
Powered by GitBook
On this page
  • Image Gallery Settings
  • General Settings
  • Lightbox Settings
  1. Elements
  2. Media

Image - Gallery

Advanced image gallery with Lightbox support

PreviousMediaNextImage - Compare

Last updated 7 months ago

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.

Image Gallery Settings

General Settings

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

Lightbox Settings

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.