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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://doku.themeware.design/handbuch/weiteres/experten-einstellungen/konfiguration.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
