> 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/experten-einstellungen/konfiguration.md).

# 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

***

### 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

***

### 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 \<head> Bereich um beispielsweise \<meta> oder \<style> 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 \<script> 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

***

### 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

***

### 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`
