# Galerie (Grid)
{% hint style="info" %}
**Hinweis**: Dieses Element sowie dieser Artikel sind in Arbeit.
{% endhint %}
Das **ThemeWare® "Galerie (Grid)"** ist eine Variante der "Galerie" von Shopware. In diesem Element werden die Produktbilder in einem Grid oder untereinander (als Scroller) darstellt.
ThemeWare® CMS-Erweiterung "Galerie (Grid)"
{% hint style="success" %}
**Beta**: Bitte beachte, dass sich dieses Element in einer Testphase befindet, probiere es gerne einmal aus.
{% endhint %}
{% hint style="info" %}
**Hinweis**: Dieses CMS-Element hat keinen individuellen CMS-Block. Tausche einfach ein "Galerie" Element in einem bestehenden CMS-Block aus.
{% endhint %}
{% hint style="warning" %}
**Wichtig**: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
{% endhint %}
***
## Element hinzufügen (ersetzen des „Galerie“-Elements)
Du kannst das ThemeWare® "Galerie (Grid)" verwenden, indem du eine vorhandene "Galerie" ersetzt:
1. Fahre mit der Maus über den CMS-Block (1)
2. Klicke auf auf das  "Austauschen"-Icon (2)
3. Es öffnet sich das Pop-up "Element austauschen"
4. Wähle hier das gewünschte CMS-Element aus (3)
***
## Element konfigurieren
Das ThemeWare® "Galerie (Grid)" kannst du wie folgt konfigurieren:
1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
2. Fahre mit der Maus über das entsprechende CMS-Element
3. Klicke auf das  "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
4. Es öffnet sich das Pop-up "Element-Einstellungen"
5. Nehme die gewünschten Änderungen vor
6. Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
ThemeWare® "Galerie (Grid)" konfigurieren
***
## Konfiguration
Die Konfiguration vom "Galerie (Grid)" ist recht selbsterklärend. Die **Galerie-Bilder** sind ein Pflichtfeld. Mehr brauchst du genau genommen nicht konfigurieren.
### Allgemein
Im Tab "Allgemein" konfigurierst du die Bilder und die Darstellung der Galerie.
> **Galerie**
>
> Im Abschnitt "Galerie" wählst du die **Bilder** aus, die in der Galerie angezeigt werden sollen. Dies ist ein Pflichtfeld. Zudem kannst du den **Anzeigemodus**, die **Minimale Höhe** (Standard: `430px`, für den mobilen Galerie-Slider), die **Minimale Höhe (>=992px)** (für das Grid ab Desktop) und die **Vertikale Ausrichtung** konfigurieren.
### Layout
Im Tab "Layout" konfigurierst du das Grid-Layout und die Galerie-Navigation.
> **Allgemein**
>
> Im Abschnitt "Allgemein" kannst du den **Layout-Typ** auswählen. Es stehen drei Layouts zur Verfügung: "Bilder untereinander", "Bilder untereinander (1x 100%, rest 50%)" und "Bilder untereinander (alle 50%)".
>
> **Galerie-Slider**
>
> Im Abschnitt "Galerie-Slider" kannst du die **Pfeil-Navigation**, die **Punkt-Navigation** und die **Vorschau-Navigation** des mobilen Galerie-Sliders konfigurieren.
>
> **Galerie-Grid (>=992px)**
>
> Im Abschnitt "Galerie-Grid" kannst du die **Vorschau-Navigation** des Galerie-Grids (ab Desktop) ein- oder ausblenden. Zudem kannst du die **Vollbild-Galerie** aktivieren.
***
## Beispiele
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-elemente/produktseite/galerie-grid.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.