# Konfiguration

***

### Quickview

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta"

**Technischer Name**:\
`twt-quickview-show`

{% hint style="info" %}
Aktiviert eine "Quickview"-Funktion in Produkt-Boxen.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### Mengenauswahl (in Produkt-Boxen)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta"

**Technischer Name**:\
`twt-product-box-quantity-selection-show`

{% hint style="info" %}
Aktiviert eine Mengenauswahl in Produkt-Boxen.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

## Dropdown Top-Navigation

***

### Dropdown Top-Navigation

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Dropdown Top-Navigation"

**Technischer Name**:\
`twt-nav-main-dropdown`

{% hint style="info" %}
Aktiviert eine reduzierte Dropdown-Navigation, die das übliche Flyout der Top-Navigation ersetzt.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### Schlagschatten

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• kein Schatten (Standard)\
• Kleiner Schatten (Bootstrap)\
• Normaler Schatten (Bootstrap)\
• Größerer Schatten (Bootstrap)

**Beispiel Wert**:\
`kein Schatten (Standard)`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Dropdown Top-Navigation"

**Technischer Name**:\
`twt-nav-main-dropdown-box-shadow-type`

{% hint style="info" %}
Fügt den Submenüs einen Schlagschatten hinzu.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### JS-Plugin „links offen“ aktivieren

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Dropdown Top-Navigation"

**Technischer Name**:\
`twt-nav-main-dropdown-plugin`

{% hint style="info" %}
Aktiviert ein JS-Plugin was Submenüs "links öffnet", wenn rechts nicht genug Platz zum Fensterrand ist.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

## Top-Navigation Flyout

***

### Icon für externe Links anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Top-Navigation Flyout"

**Technischer Name**:\
`twt-nav-main-external-links-icon-show`

{% hint style="info" %}
**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

## Produkt-Box

***

### Kompakte Produkt-Boxen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

**Technischer Name**:\
`twt-product-box-compact-layout`

{% hint style="info" %}
Aktiviere diese Konfiguration, damit Produkt-Boxen kompakter dargestellt werden als üblich.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### Produktbild-Größenanpassung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

**Technischer Name**:\
`twt-product-image-resizing`

{% hint style="info" %}
Aktiviere eine verbesserte Größenanpassung von Produktbildern in 1-spaltigen Listings in mobilen Viewports.

**Hinweis**: Diese Konfiguration gilt für die Funktion "Kompakte Produkt-Boxen".

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### 'Produktbild-Größenanpassung' anwenden bis ...

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Phone (Hochformat) (<576px)\
• Phone (Querformat) (<768px)\
• Tablet (Hochformat) (<992px)\
• Tablet (Querformat) (<1200px)\
• Desktop (<1440px)\
• alle Viewports

**Beispiel Wert**:\
`Phone (Hochformat) (<576px)`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

**Technischer Name**:\
`twt-product-image-resizing-breakpoint`

{% hint style="info" %}
Wähle bis zu welchem Viewport die verbesserte Größenanpassung von Produktbildern aktiviert werden soll.

**Hinweis**: Die "Produktbild-Größenanpassung" ist ausgelegt für 1-spaltige Listings in mobilen Viewports, du kannst diese aber auch in höheren Viewports nutzen. Wir empfehlen dann aber unbedingt eine einheitlich Bildgröße für alle Produktbilder zu nutzen.
{% endhint %}

***

### Produkte nach Abverkaufende abschwächen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

**Technischer Name**:\
`twt-product-box-sold`

{% hint style="info" %}
Aktiviere diese Konfiguration, damit Produkte nach Abverkaufende abgeschwächt werden.

Produkte nach Abverkaufende können darüber hinaus in den Shopware-Einstellungen ("Einstellungen" > "Shop" > "Produkte" > "Produkte nach Abverkaufende ausblenden") vollständig ausgeblendet werden.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### Darstellungsart "Produkte nach Abverkaufende abschwächen"

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Deckkraft verringern\
• Graustufen\
• Graustufen + Deckkraft verringern

**Beispiel Wert**:\
`Deckkraft verringern`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

**Technischer Name**:\
`twt-product-box-sold-style`

{% hint style="info" %}
Diese Konfiguration bezieht sich auf die Konfiguration "Produkte nach Abverkaufende abschwächen".

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}

***

### Responsive Bilder verbessern

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`ja`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

**Technischer Name**:\
`twt-product-box-image-srcset-and-sizes`

{% hint style="info" %}
Aktiviere diese Konfiguration um die alternativen Bildgrößen (srcset und sizes) entsprechend der Spaltenanzahl im Listing zu optimieren.

**Beta**: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
{% endhint %}


---

# 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/handbuch/weiteres/beta/konfiguration.md?ask=<question>
```

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.