# Configuration

***

### Expert mode

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`yes`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings"

**Technical name**:\
`twt-expert-mode`

{% hint style="info" %}
This configuration enables/disables the "Expert mode". Deactivate the "Expert mode" to be able to avoid errors.
{% endhint %}

## Individual CSS class

***

### Body class

**Field type**:\
Text field

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "Individual CSS class"

**Technical name**:\
`twt-body-class`

{% hint style="info" %} Adds one or more CSS classes to the HTML body. Separate multiple classes with spaces.

**Example**: my-shop {% endhint %}

## Individual code

***

### Individual CSS code

**Field type**:\
Teat area

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "Individual code"

**Technical name**:\
`twt-custom-css-code`

{% hint style="info" %}
These CSS code is loaded directly in the head area and should be minimized with a CSS minifier tool.\
Ideally, you should add CSS code via a SCSS file, e.g. with a customising plugin.

**Caution:** This configuration can lead to errors if you enter a wrong value! Only use this if you are absolutely sure.
{% endhint %}

***

### Individual HTML code

**Field type**:\
Teat area

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "Individual code"

**Technical name**:\
`twt-custom-html-code`

{% hint style="info" %} Individual HTML code in the \<head> area to add \<meta> or \<style> tags, for example.\
Ideally, you should add HTML code via a template customisation.

**Caution:** This configuration can lead to errors if you enter a wrong value! Only use this if you are absolutely sure. {% endhint %}

***

### Individual JavaScript code

**Field type**:\
Teat area

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "Individual code"

**Technical name**:\
`twt-custom-js-code`

{% hint style="info" %}
Add individual JavaScript code to the end of the HTML page. Enter the complete \<script> tag here.\
Ideally, you should add JavaScript code via a JS file, e.g. with a customising plugin.

**Caution:** This configuration can lead to errors if you enter a wrong value! Only use this if you are absolutely sure.
{% endhint %}

## CSS file

***

### Load CSS file

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "CSS file"

**Technical name**:\
`twt-additional-css-file-load`

***

### CSS file

**Field type**:\
URL

**Example value**:\
`demo.url/styles.css`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "CSS file"

**Technical name**:\
`twt-additional-css-file`

{% hint style="info" %}
Herewith you can load your own CSS file (e.g. FontAwesome) from your server.

**Note:** Access to external files is not recommended, be aware of Cross-Origin Resource Sharing for this.
{% endhint %}

## JavaScript file

***

### Load JavaScript file

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "JavaScript file "

**Technical name**:\
`twt-additional-js-file-load`

***

### JavaScript file

**Field type**:\
URL

**Example value**:\
`demo.url/script.js`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "JavaScript file "

**Technical name**:\
`twt-additional-js-file`

{% hint style="info" %}
Herewith you can load your own JS file from your server.

Please note that the file is **not** integrated into the cookie manager.

**Note:** Access to external files is not recommended, be aware of Cross-Origin Resource Sharing for this.
{% endhint %}

***

### Load file asynchronously

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Expert settings" => Section "JavaScript file "

**Technical name**:\
`twt-additional-js-file-async`
