Navigation

ThemeWare® Handbuch

USP-Bar

Die USP-Bar zeigt zentrale Verkaufsargumente (USPs) als kompakte Leiste – wahlweise im Header und/oder im Footer.

ThemeWare® "USP-Bar"

ThemeWare® "USP-Bar"

Hinweis: Die USP-Bar wird im Header und/oder im Footer angezeigt, je nachdem welche der beiden Konfigurationen ("USP-Bar im Header anzeigen" / "USP-Bar im Footer anzeigen") aktiviert ist. Die Inhalte der einzelnen USPs pflegst du über Textbausteine.

Konfiguration

Theme-Konfiguration

  1. Wechsel in den Tab "Erweiterungen"
  2. Öffne den Bereich "USP-Bar"
  3. Aktiviere "USP-Bar im Header anzeigen" und/oder "USP-Bar im Footer anzeigen"
  4. Speicher deine Änderungen nach der Bearbeitung

Inhalt

  • Pro USP (1–6) pflegst du Icon, Titel, Untertitel und Tooltip jeweils über einen eigenen Textbaustein – exemplarisch für USP 1:
    • twt.extension.uspBar.usp1.icon
    • twt.extension.uspBar.usp1.title
    • twt.extension.uspBar.usp1.subtitle
    • twt.extension.uspBar.usp1.tooltip

Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

Optionen

  • Position (Header)
    • Platziert die Leiste "über dem Header", "über der Navigation" oder "unter dem Header". (Der Full-width Sticky-Header und der Erlebniswelt-Header unterstützen nur "über dem Header".)
  • Position (Footer)
    • Platziert die Leiste "über dem Footer".
  • Darstellungsart (Header)
    • "kleine Icons", "kleine Icons + Top-Bar" (verschiebt die Top-Bar in die USP-Bar) oder "kleine Icons + Widget" (platziert rechts ein Widget, siehe "Inhalt (Widget)").
  • Darstellungsart (Footer)
    • "kleine Icons", "große Icons, Text unterhalb" oder "große Icons, Text daneben".
  • Untertitel anzeigen (große Icons)
    • Blendet den Untertitel unter dem Titel ein – nur bei Darstellungsarten mit großen Icons.
  • Inhalt (Widget)
    • Wählt das Widget für die Darstellungsart "kleine Icons + Widget": "nicht anzeigen" oder "Communities bzw. Social Media" (Konfiguration im Tab "Widgets").
  • Größenmodus (Header) / Größenmodus (Footer)
    • Breite der Leiste: "Container-Max-Width (Full-width Boxed)" oder "100% (Full-width)".
  • Vorteil 1–6 anzeigen ab ... (Abschnitt "USPs")
    • Steuert je USP, ab welchem Breakpoint er erscheint (z.B. "Phone (Hochformat) (<576px)", "Tablet (Hochformat) (≥768px)", "Desktop (≥1200px)") oder "nicht anzeigen".

Zusammenfassung

Theme-Konfiguration

  • Tab "Erweiterungen" => Bereich "USP-Bar" => USP-Bar im Header anzeigen
  • Tab "Erweiterungen" => Bereich "USP-Bar" => USP-Bar im Footer anzeigen
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Position (Header)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Position (Footer)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Darstellungsart (Header)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Darstellungsart (Footer)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Untertitel anzeigen (große Icons)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Inhalt (Widget)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Größenmodus (Header)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Größenmodus (Footer)
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 1 anzeigen ab ...
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 2 anzeigen ab ...
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 3 anzeigen ab ...
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 4 anzeigen ab ...
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 5 anzeigen ab ...
  • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 6 anzeigen ab ...
  • Alle Einstellungen im Detail: USP-Bar

Textbausteine

  • twt.extension.uspBar.usp1.icon (Icon USP 1)
  • twt.extension.uspBar.usp1.title (Titel USP 1)
  • twt.extension.uspBar.usp1.subtitle (Untertitel USP 1)
  • twt.extension.uspBar.usp1.tooltip (Tooltip USP 1)
  • twt.extension.uspBar.usp2.icon (Icon USP 2)
  • twt.extension.uspBar.usp2.title (Titel USP 2)
  • twt.extension.uspBar.usp2.subtitle (Untertitel USP 2)
  • twt.extension.uspBar.usp2.tooltip (Tooltip USP 2)
  • twt.extension.uspBar.usp3.icon (Icon USP 3)
  • twt.extension.uspBar.usp3.title (Titel USP 3)
  • twt.extension.uspBar.usp3.subtitle (Untertitel USP 3)
  • twt.extension.uspBar.usp3.tooltip (Tooltip USP 3)
  • twt.extension.uspBar.usp4.icon (Icon USP 4)
  • twt.extension.uspBar.usp4.title (Titel USP 4)
  • twt.extension.uspBar.usp4.subtitle (Untertitel USP 4)
  • twt.extension.uspBar.usp4.tooltip (Tooltip USP 4)
  • twt.extension.uspBar.usp5.icon (Icon USP 5)
  • twt.extension.uspBar.usp5.title (Titel USP 5)
  • twt.extension.uspBar.usp5.subtitle (Untertitel USP 5)
  • twt.extension.uspBar.usp5.tooltip (Tooltip USP 5)
  • twt.extension.uspBar.usp6.icon (Icon USP 6)
  • twt.extension.uspBar.usp6.title (Titel USP 6)
  • twt.extension.uspBar.usp6.subtitle (Untertitel USP 6)
  • twt.extension.uspBar.usp6.tooltip (Tooltip USP 6)
  • twt.extension.uspBar.ariaLabel.header (Aria-Label der USP-Bar im Header)
  • twt.extension.uspBar.ariaLabel.footer (Aria-Label der USP-Bar im Footer)
  • Alle Textbausteine im Überblick: Textbausteine

Zuletzt aktualisiert am

Diese Seite im Netz: https://doku.themeware.design/zusatzfunktionen/erweiterungen/usp-bar · ThemeWare® Service Portal, service.themeware.design