Alle Seiten
Bereitgestellt von GitBook
1 von 2

Loading...

Loading...

Experten-Einstellungen

In diesem Abschnitt befinden sich Konfigurationsfelder für "Experten". Hier kannst du individuellen Code ergänzen.

Da individueller Code durchaus erhebliche Probleme verursachen kann, haben wir den Bereich ganz bewusst "Experten-Einstellungen" genannt. Du solltest diese Konfigurationen nur nutzen, wenn du absolut sicher bist, was du tust!

Hinweis: Die "Experten-Einstellungen" fallen in den Bereich "individuelle Anpassungen". Wir können hier im Rahmen des Plugin-Supports nicht bzw. nur sehr begrenzt unterstützen.

Achtung: Bitte beachte, dass durch individuellen Code durchaus erhebliche Probleme oder potenziell gefährliche Schwachstellen entstehen können!

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

Diese Konfiguration aktiviert/deaktiviert den "Experten-Modus". Deaktiviere den "Experten-Modus" um Fehler ausschließen zu können.

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 %}


Feldtyp: Textfeld mehrzeilig

Beispiel Wert: ``

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

Technischer Name: twt-custom-css-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 %}


Feldtyp: Textfeld mehrzeilig

Beispiel Wert: ``

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

Technischer Name: twt-custom-js-code


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


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


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


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


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

Individueller Code

Individueller CSS-Code

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.

Individueller HTML-Code

Individueller JavaScript-Code

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.

CSS-Datei

CSS-Datei laden

CSS-Datei

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.

JavaScript-Datei

JavaScript-Datei laden

JavaScript-Datei

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.

Datei asynchron laden