> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/weiteres/veraltet/konfiguration.md).

# Konfiguration

***

### Individueller CSS-Code (Textbaustein)

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`nein`

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

**Technischer Name**:\
`twt-custom-css`

{% hint style="info" %}
Hinterlege im Textbaustein twt.custom.css individuellen CSS-Code.

Dieser CSS-Code wird direkt im Head-Bereich geladen und muss mit einem CSS-Minifier Tool minimiert werden.

**Beispiel:**\
.my-class { color: #000000; }
{% endhint %}

***

### Veraltete CSS-Klassen laden (optional)

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`nein`

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

**Technischer Name**:\
`twt-custom-css-deprecated-classes`

{% hint style="info" %}
Fügt veraltete CSS-Klassen zur manuellen Nutzung in Erlebniswelten hinzu.

Diese Klassen werden bald entfernt. Die aktuellen Klassen findest du in der Dokumentation.

**Beispiel**:\
twt-custom-cms-col-padding-0 oder twt-custom-cms-headline-bath
{% endhint %}

***

### CSS-Klassen für Schlagschatten laden (optional)

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`ja`

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

**Technischer Name**:\
`twt-custom-cms-box-shadow-classes`

{% hint style="info" %}
Fügt CSS-Klassen für Schlagschatten zur manuellen Nutzung in Erlebniswelten hinzu.

Auf einen CMS-Block anwenden um diesen zu modifizieren.

**Beispiel**:\
twt-cms-box-shadow-level-1
{% endhint %}

## Produkt-Filter (Kategorie 'Sidebar')

***

### Textfarbe (Filter-Button)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#333333`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-item-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

***

### Rahmenfarbe (Filter-Button)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#cccccc`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-item-border-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

***

### Hintergrundfarbe (Filter-Button)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-item-background-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

***

### Textfarbe (Filter-Button) @expanded

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#008490`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-item-toggle-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

***

### Rahmenfarbe (Filter-Button) @expanded

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#008490`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-item-toggle-border-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

***

### Hintergrundfarbe (Filter-Button) @expanded

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-item-toggle-background-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

***

### Hintergrundfarbe (Filter-Button) @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

**Technischer Name**:\
`twt-filter-panel-content-filter-active-background-color`

{% hint style="info" %}
Diese Konfiguration ist veraltet und wird bald entfernt
{% endhint %}

## Produkt-Tabs (PDS)

***

### Eigenschaften-Tabelle als separaten Tab anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht als separaten Tab anzeigen (Standard)\
• als separaten Tab anzeigen

**Beispiel Wert**:\
`als separaten Tab anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

**Technischer Name**:\
`twt-product-detail-properties-position`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Eigenschaften-Tabelle anzeigen" ("Produktseiten" > "Eigenschaften-Tabelle (in Tabs)"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

***

### Produktvideos-Tab anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

**Technischer Name**:\
`twt-product-detail-tab-product-videos-show`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Produktvideos anzeigen" ("Produktseiten" > "Produktvideos (in Tabs)"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

***

### Datenblätter-Tab anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

**Technischer Name**:\
`twt-product-detail-tab-datasheets-show`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Datenblätter anzeigen" ("Produktseiten" > "Datenblätter (in Tabs)"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

***

### Hersteller-Tab anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

**Technischer Name**:\
`twt-product-detail-tab-manufacturer-show`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Hersteller anzeigen" ("Produktseiten" > "Hersteller (in Tabs)"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

***

### Hinweistext unter der Eigenschaften-Tabelle anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

**Technischer Name**:\
`twt-product-detail-tab-properties-info-show`

{% hint style="info" %}
Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.detail.infoProperties
{% endhint %}

## Veraltet

***

### Position der Produkt-Bewertung (veraltet, jetzt "Platzierung")

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• über dem Produktnamen (Standard)\
• unter dem Produktnamen\
• auf dem Produktbild

**Beispiel Wert**:\
`über dem Produktnamen (Standard)`

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

**Technischer Name**:\
`twt-product-box-product-review-rating-position`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Platzierung" ("Kategorieseiten" > "Produkt-Box" > "Produkt-Bewertung"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

***

### Zwischenüberschrift über der Eigenschaften-Tabelle anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

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

**Technischer Name**:\
`twt-product-detail-properties-headline-show`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Zwischenüberschrift anzeigen" ("Produktseiten" > "Eigenschaften-Tabelle (in Tabs)" > "Basiskonfiguration"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

***

### Stil des Flyouts (veraltet, jetzt "Flyout")

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Liste (Shopware 6)\
• Liste\
• Liste in Spalten (Shopware 5)\
• Buttons

**Beispiel Wert**:\
`Liste`

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

**Technischer Name**:\
`twt-nav-main-flyout-style`

{% hint style="info" %}
**Veraltet**: ersetzt durch "Flyout" ("Header" > "Top-Navigation Flyout" > "Design"). Bestehende Werte wurden automatisch migriert.
{% endhint %}

## Lieferinformationen-Labels

***

### Versandkostenfrei-Label anzeigen (veraltet)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

**Technischer Name**:\
`twt-product-detail-shipping-free-label-show`

{% hint style="info" %}
Nicht mehr wirksam. Der Zustand wird jetzt über "'Versandkostenfrei' anzeigen" geschaltet, die Optik kommt aus der "Darstellungsart" - beides im Bereich "Lieferinformationen-Labels" im Tab Produktseiten. Dieses Feld wird mit der nächsten Hauptversion entfernt.
{% endhint %}

***

### Ausverkauft-Label anzeigen (veraltet)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

**Technischer Name**:\
`twt-product-detail-sold-label-show`

{% hint style="info" %}
Nicht mehr wirksam. Der Zustand wird jetzt über "'Ausverkauft' anzeigen" geschaltet, die Optik kommt aus der "Darstellungsart" - beides im Bereich "Lieferinformationen-Labels" im Tab Produktseiten. Dieses Feld wird mit der nächsten Hauptversion entfernt.
{% endhint %}

***

### 'Nicht verfügbar'-Label anzeigen (veraltet)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

**Technischer Name**:\
`twt-product-detail-notavailable-label-show`

{% hint style="info" %}
Nicht mehr wirksam. Der Zustand wird jetzt über "'Nicht verfügbar' anzeigen" geschaltet, die Optik kommt aus der "Darstellungsart" - beides im Bereich "Lieferinformationen-Labels" im Tab Produktseiten. Dieses Feld wird mit der nächsten Hauptversion entfernt.
{% endhint %}

***

### Vorbestellung-Label anzeigen (veraltet)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

**Technischer Name**:\
`twt-product-detail-preorder-label-show`

{% hint style="info" %}
Nicht mehr wirksam. Der Zustand wird jetzt über "'Vorbestellung' anzeigen" geschaltet, die Optik kommt aus der "Darstellungsart" - beides im Bereich "Lieferinformationen-Labels" im Tab Produktseiten. Dieses Feld wird mit der nächsten Hauptversion entfernt.
{% endhint %}

***

### Lieferzeit-Label anzeigen (veraltet)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

**Technischer Name**:\
`twt-product-detail-deliverytime-available-label-show`

{% hint style="info" %}
Nicht mehr wirksam. Der Zustand wird jetzt über "'Lieferzeit' anzeigen" geschaltet, die Optik kommt aus der "Darstellungsart" - beides im Bereich "Lieferinformationen-Labels" im Tab Produktseiten. Dieses Feld wird mit der nächsten Hauptversion entfernt.
{% endhint %}

***

### Lieferzeit-Label (Wiederauffüllung) anzeigen (veraltet)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

**Technischer Name**:\
`twt-product-detail-deliverytime-restock-label-show`

{% hint style="info" %}
Nicht mehr wirksam. Der Zustand wird jetzt über "'Versandfertig in …' anzeigen" geschaltet, die Optik kommt aus der "Darstellungsart" - beides im Bereich "Lieferinformationen-Labels" im Tab Produktseiten. Dieses Feld wird mit der nächsten Hauptversion entfernt.
{% endhint %}
