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
Basiskonfiguration
Position
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
Hover-Effekt
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
Overlay anzeigen (wenn geöffnet)
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
Geöffnet anzeigen (wenn die Seite geladen wurde)
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
Animieren (wenn die Seite geladen wurde)
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
Widget verlinken
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
Um den Link zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.floatingWidget.link
Breite (Widget)
Feldtyp: Nummernfeld
Beispiel Wert:
400
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-width
Höhe (Widget)
Feldtyp: Nummernfeld
Beispiel Wert:
300
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-height
Breite (Reiter)
Feldtyp: Nummernfeld
Beispiel Wert:
200
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-title-width
Höhe (Reiter)
Feldtyp: Nummernfeld
Beispiel Wert:
40
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-title-height
Innenabstand (Inhalt)
Feldtyp: Nummernfeld
Beispiel Wert:
20
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-padding
Inhalt ausrichten (vertikal)
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
Um den Inhalt zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.floatingWidget.body
Inhalt ausrichten (horizontal)
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
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
Feldtyp: Textfeld
Beispiel Wert:
20
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-side-bottom-distance
Abstand nach unten (Einheit)
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
Farbkonfiguration
Textfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-color
Linkfarbe
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
Linkfarbe @hover
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
Hintergrundfarbe (Widget)
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-background-color
Textfarbe (Reiter)
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-title-color
Hintergrundfarbe (Reiter)
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
Hintergrundbild
Hintergrundbild
Feldtyp: Medienauswahl
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-floating-widget-background-image
Anzeigemodus
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
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
Feldtyp: Nummernfeld
Beispiel Wert:
16
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"
Technischer Name:
twt-floating-widget-font-size
Schriftgröße (Reiter)
Feldtyp: Nummernfeld
Beispiel Wert:
18
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"
Technischer Name:
twt-floating-widget-title-font-size
Textausrichtung
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
Textausrichtung beim Umbruch des Textes.
Textformatierung (Reiter)
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
Last updated
