Konfiguration

---

USP-Bar im Header anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar"

Technischer Name: twt-usp-bar-header

Zeigt die ThemeWare® "USP-Bar" im Header an.

Um den Inhalt zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar...

---

USP-Bar im Footer anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar"

Technischer Name: twt-usp-bar-footer

Zeigt die ThemeWare® "USP-Bar" im Footer an.

Um den Inhalt zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar...

Basiskonfiguration

---

Position (Header)

Feldtyp: Auswahlfeld

Verfügbare Werte: • oberhalb vom Header • über Navigation • unterhalb vom Header

Beispiel Wert: oberhalb vom Header

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-header-position

Bitte beachte, im "Custom-Header" und im "Erlebniswelt-Header" wird lediglich die Position "oberhalb vom Header" unterstützt.

---

Position (Footer)

Feldtyp: Auswahlfeld

Verfügbare Werte: • oberhalb vom Footer

Beispiel Wert: oberhalb vom Footer

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-footer-position

---

Darstellungsart (Header)

Feldtyp: Auswahlfeld

Verfügbare Werte: • kleine Icons • kleine Icons + Top-Bar • kleine Icons + Widget

Beispiel Wert: kleine Icons

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-header-layout

kleine Icons Kleines Icon links neben dem Label.

kleine Icons + Top-Bar Die "Top-Bar" wird in die "USP-Bar" verschoben. (Bei Problemen mit Plugins, welche die "Top-Bar" modifizieren, nutzte bitte ein anderes Layout)

kleine Icons + Widget Ein ThemeWare® Widget kann über die Konfiguration "Inhalt (Widget)" im rechten Bereich platziert werden.

---

Darstellungsart (Footer)

Feldtyp: Auswahlfeld

Verfügbare Werte: • kleine Icons • große Icons • große Icons mit Untertitel

Beispiel Wert: kleine Icons

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-footer-layout

kleine Icons Kleines Icon links neben dem Label.

große Icons Großes Icon über dem Label.

---

Inhalt (Widget)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Communities bzw. Social Media

Beispiel Wert: Communities bzw. Social Media

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-widget-content

Die Konfiguration der Widgets findest du im Tab "Widgets".

---

Breite (Header)

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Container-Max-Width (Full-width-boxed)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-header-width

Wähle den Größenmodus der "USP-Bar" aus.

---

Breite (Footer)

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Container-Max-Width (Full-width-boxed)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-width

Wähle den Größenmodus der "USP-Bar" aus.

---

Höhe (kleine Icons)

Feldtyp: Nummernfeld

Beispiel Wert: 40

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-height-small-icons

Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".

---

Höhe (große Icons)

Feldtyp: Nummernfeld

Beispiel Wert: 110

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-height-large-icons

Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".

---

Vorteile ausrichten (kleine Icons)

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around

Beispiel Wert: space-between

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-small-icons-justify-content

Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".

links Elemente werden am Anfang des Containers positioniert.

rechts Elemente werden am Ende des Containers positioniert.

zentriert Die Elemente befinden sich in der Mitte des Containers.

space-between Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.

space-around Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.

---

Vorteile ausrichten (große Icons)

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around

Beispiel Wert: space-around

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-usp-bar-large-icons-justify-content

Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".

links Elemente werden am Anfang des Containers positioniert.

rechts Elemente werden am Ende des Containers positioniert.

zentriert Die Elemente befinden sich in der Mitte des Containers.

space-between Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.

space-around Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.

Farbkonfiguration

---

Textfarbe (Header)

Feldtyp: Farbauswahl

Beispiel Wert: #263842

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-header-color

---

Iconfarbe (Header)

Feldtyp: Farbauswahl

Beispiel Wert: #263842

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-header-icon-color

---

Rahmenfarbe (Header)

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-header-border-color

---

Hintergrundfarbe (Header)

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-header-background-color

---

Textfarbe (Footer)

Feldtyp: Farbauswahl

Beispiel Wert: #555555

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-footer-color

---

Iconfarbe (Footer)

Feldtyp: Farbauswahl

Beispiel Wert: #555555

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-footer-icon-color

---

Rahmenfarbe (Footer)

Feldtyp: Farbauswahl

Beispiel Wert: #e5ebf0

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-footer-border-color

---

Hintergrundfarbe (Footer)

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-usp-bar-footer-background-color

Typografie

---

Schriftart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text • Überschriften

Beispiel Wert: Text

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"

Technischer Name: twt-usp-bar-font-family

---

Schriftgröße

Feldtyp: Nummernfeld

Beispiel Wert: 14

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"

Technischer Name: twt-usp-bar-font-size

---

Strichstärke

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: normal

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"

Technischer Name: twt-usp-bar-font-weight

---

Textformatierung

Feldtyp: Auswahlfeld

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

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"

Technischer Name: twt-usp-bar-text-transform

---

Icongröße (kleine Icons)

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"

Technischer Name: twt-usp-bar-icon-size-small

Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".

---

Icongröße (große Icons)

Feldtyp: Nummernfeld

Beispiel Wert: 48

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"

Technischer Name: twt-usp-bar-icon-size-large

Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".

USPs

---

Vorteil 1 anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: Phone (Hochformat) (<576px)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"

Technischer Name: twt-usp-bar-breakpoint-item-1

Um das Label und das Icon zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar.usp1.title und twt.extension.uspBar.usp1.icon

---

Vorteil 2 anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: Phone (Querformat) (≥576px)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"

Technischer Name: twt-usp-bar-breakpoint-item-2

Um das Label und das Icon zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar.usp2.title und twt.extension.uspBar.usp2.icon

---

Vorteil 3 anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: Tablet (Hochformat) (≥768px)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"

Technischer Name: twt-usp-bar-breakpoint-item-3

Um das Label und das Icon zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar.usp3.title und twt.extension.uspBar.usp3.icon

---

Vorteil 4 anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: Tablet (Querformat) (≥992px)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"

Technischer Name: twt-usp-bar-breakpoint-item-4

Um das Label und das Icon zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar.usp4.title und twt.extension.uspBar.usp4.icon

---

Vorteil 5 anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"

Technischer Name: twt-usp-bar-breakpoint-item-5

Um das Label und das Icon zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar.usp5.title und twt.extension.uspBar.usp5.icon

---

Vorteil 6 anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: Container-max-width (Full-width-boxed)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"

Technischer Name: twt-usp-bar-breakpoint-item-6

Um das Label und das Icon zu bearbeiten oder übersetzten, nutze bitte die Textbausteine: twt.extension.uspBar.usp6.title und twt.extension.uspBar.usp6.icon