Alle Seiten
Bereitgestellt von GitBook
1 von 1

Loading...

Konfiguration


Floating-Widget anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget"

Technischer Name: twt-floating-widget-show

Zeigt das ThemeWare® "Floating-/Slideout-Widget" an.

Um den Inhalt zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.floatingWidget.body


Floating-Widget anzeigen @Phone (<768px)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget"

Technischer Name: twt-floating-widget-mobile


Feldtyp: Auswahlfeld

Verfügbare Werte: • links • rechts

Beispiel Wert: links

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-position


Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Effekt • Herausziehen • Deckkraft verringern

Beispiel Wert: Herausziehen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-hover-type


Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-backdrop


Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-show-opened


Feldtyp: Auswahlfeld

Verfügbare Werte: • keine Animation • Wackeln (3x)

Beispiel Wert: keine Animation

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-animation


Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja • ja (in neuem Tab öffnen)

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-link


Feldtyp: Nummernfeld

Beispiel Wert: 400

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-width


Feldtyp: Nummernfeld

Beispiel Wert: 300

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-height


Feldtyp: Nummernfeld

Beispiel Wert: 200

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-title-width


Feldtyp: Nummernfeld

Beispiel Wert: 40

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-title-height


Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-padding


Feldtyp: Auswahlfeld

Verfügbare Werte: • oben ausrichten • zentriert ausrichten • unten ausrichten

Beispiel Wert: zentriert ausrichten

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-align-items


Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten

Beispiel Wert: zentriert ausrichten

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-justify-content


Feldtyp: Textfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-side-bottom-distance


Feldtyp: Auswahlfeld

Verfügbare Werte: • % (Prozent) • px (Pixel)

Beispiel Wert: % (Prozent)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-floating-widget-side-bottom-distance-unit


Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-floating-widget-color


Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-floating-widget-link-color


Feldtyp: Farbauswahl

Beispiel Wert: $twt-color-brand-primary-dark

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-floating-widget-link-color-hover


Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-floating-widget-background-color


Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-floating-widget-title-color


Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-floating-widget-title-background-color


Feldtyp: Medienauswahl

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Hintergrundbild"

Technischer Name: twt-floating-widget-background-image


Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • Beinhalten (contain) • Füllen (cover)

Beispiel Wert: Standard

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Hintergrundbild"

Technischer Name: twt-floating-widget-background-image-object-fit


Feldtyp: Nummernfeld

Beispiel Wert: 16

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"

Technischer Name: twt-floating-widget-font-size


Feldtyp: Nummernfeld

Beispiel Wert: 18

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"

Technischer Name: twt-floating-widget-title-font-size


Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten

Beispiel Wert: zentriert ausrichten

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"

Technischer Name: twt-floating-widget-text-align


Feldtyp: Auswahlfeld

Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"

Technischer Name: twt-floating-widget-title-text-transform

Basiskonfiguration

Position

Hover-Effekt

Overlay anzeigen (wenn geöffnet)

Geöffnet anzeigen (wenn die Seite geladen wurde)

Animieren (wenn die Seite geladen wurde)

Widget verlinken

Um den Link zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.floatingWidget.link

Breite (Widget)

Höhe (Widget)

Breite (Reiter)

Höhe (Reiter)

Innenabstand (Inhalt)

Inhalt ausrichten (vertikal)

Um den Inhalt zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.floatingWidget.body

Inhalt ausrichten (horizontal)

Wenn der Text über die volle Widget-Breite läuft, hat die Ausrichtung keinen visuellen Effekt.

Um den Inhalt zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.floatingWidget.body

Abstand nach unten

Abstand nach unten (Einheit)

Farbkonfiguration

Textfarbe

Linkfarbe

Linkfarbe @hover

Hintergrundfarbe (Widget)

Textfarbe (Reiter)

Hintergrundfarbe (Reiter)

Hintergrundbild

Hintergrundbild

Anzeigemodus

none Das Bild wird nicht skaliert.

cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird. Falls das Seitenverhältnis nicht übereinstimmt, wird die Grafik zugeschnitten.

contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.

Typografie

Schriftgröße

Schriftgröße (Reiter)

Textausrichtung

Textausrichtung beim Umbruch des Textes.

Textformatierung (Reiter)