<!-- Quelle: https://service.themeware.design/doku/handbuch/weiteres/experten-einstellungen/konfiguration
     Alle Seiten dieser Sammlung: https://service.themeware.design/doku/llms.txt -->

# Konfiguration

***

### Experten-Modus

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`ja`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen"

**Technischer Name**:\
`twt-expert-mode`

{% hint style="info" %}
Diese Konfiguration aktiviert/deaktiviert den "Experten-Modus". Deaktiviere den "Experten-Modus" um Fehler ausschließen zu können.
{% endhint %}


## Individuelle CSS-Klasse

Eigene CSS-Klassen für den HTML-Body.

***

### Body-Klasse

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
``

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individuelle CSS-Klasse"

**Technischer Name**:\
`twt-body-class`

{% hint style="info" %}
Fügt dem HTML-Body eine oder mehrere CSS-Klassen hinzu. Trenne mehrere Klassen durch Leerzeichen. 

**Beispiel**: mein-shop
{% endhint %}


## Individueller Code

Eigener CSS- und HTML-Code im Head-Bereich sowie JavaScript-Code am Ende der HTML-Seite.

***

### Individueller CSS-Code

**Feldtyp**:\
Textfeld mehrzeilig

**Beispiel Wert**:\
``

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code"

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

{% hint style="info" %}
Dieser CSS-Code wird direkt im Head-Bereich geladen und sollte mit einem CSS-Minifier Tool minimiert werden. \
Idealerweise fügst du CSS-Code über eine SCSS-Datei z.B. mit einem Customising-Plugin hinzu. 

**Achtung:** Dieses Konfigurationsfeld kann bei Fehleingaben zu Problemen führen! Nutze dies nur wenn du dir absolut sicher bist.
{% endhint %}


***

### Individueller HTML-Code

**Feldtyp**:\
Textfeld mehrzeilig

**Beispiel Wert**:\
``

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code"

**Technischer Name**:\
`twt-custom-html-code`

{% hint style="info" %}
Individueller HTML-Code im &lt;head&gt; Bereich um beispielsweise &lt;meta&gt; oder &lt;style&gt; Tags zu ergänzen. \
Idealerweise fügst du HTML-Code über eine Template-Anpassung hinzu.

**Achtung:** Dieses Konfigurationsfeld kann bei Fehleingaben zu Problemen führen! Nutze dies nur wenn du dir absolut sicher bist.
{% endhint %}


***

### Individueller JavaScript-Code

**Feldtyp**:\
Textfeld mehrzeilig

**Beispiel Wert**:\
``

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code"

**Technischer Name**:\
`twt-custom-js-code`

{% hint style="info" %}
Individueller JavaScript-Code am Ende der HTML-Seite hinzufügen. Trage hier den vollständigen &lt;script&gt; Tag ein. \
Idealerweise fügst du JavaScript-Code über eine JS-Datei z.B. mit einem Customising-Plugin hinzu. 

**Achtung:** Dieses Konfigurationsfeld kann bei Fehleingaben zu Problemen führen! Nutze dies nur wenn du dir absolut sicher bist.
{% endhint %}


## CSS-Datei

Eine eigene CSS-Datei von deinem Server laden.

***

### CSS-Datei laden

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "CSS-Datei"

**Technischer Name**:\
`twt-additional-css-file-load`


***

### CSS-Datei

**Feldtyp**:\
URL

**Beispiel Wert**:\
`demo.url/styles.css`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "CSS-Datei"

**Technischer Name**:\
`twt-additional-css-file`

{% hint style="info" %}
Hiermit kannst du eine eigene CSS-Datei (z.B. FontAwesome) von deinem Server laden. 

**Hinweis:** Der Zugriff auf externe Dateien (Dateien auf einer abweichenden Domain) wird nicht empfohlen, beachte hierzu Cross-Origin Resource Sharing.
{% endhint %}


## JavaScript-Datei

Eine eigene JavaScript-Datei von deinem Server laden.

***

### JavaScript-Datei laden

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei"

**Technischer Name**:\
`twt-additional-js-file-load`


***

### JavaScript-Datei

**Feldtyp**:\
URL

**Beispiel Wert**:\
`demo.url/script.js`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei"

**Technischer Name**:\
`twt-additional-js-file`

{% hint style="info" %}
Hiermit kannst du eine eigene JS-Datei von deinem Server laden. 

Bitte beachte zudem, dass die Datei **nicht** in den Cookie-Consent-Manager integriert wird. 

**Hinweis:** Der Zugriff auf externe Dateien (Dateien auf einer abweichenden Domain) wird nicht empfohlen, beachte hierzu Cross-Origin Resource Sharing.
{% endhint %}


***

### Datei asynchron laden

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei"

**Technischer Name**:\
`twt-additional-js-file-async`