USP-Leiste (Header)

Owned by Sebastian Meyer
Last updated: Jul 30, 2019 by Chris Podubrin
2 min read

Einleitung

Dieses Widget ist eine schmale Leiste im Header - normalerweise über dem Hauptbereich (Header) positioniert. Zu den Inhalten zählen Zertifizierung, USPs ("Unique Selling Points") und bis zu zwei Dropdown-Menüs. Außerdem enthält dieser Bereich die Sprach- und Währungsauswahl und ist daher immer vorhanden.

Einstellungen

Allgemein

Sticky

Hier kannst Du auswählen, ob die Leiste beim Scrollen oben am Bildschirmrand mitfährt oder nicht.

Farben

Untere Linie anzeigen

Wenn dieser Punkt aktiviert ist, wird am unteren Rand des Widgets eine Trennlinie angezeigt - zur Besseren optischen Trennung gegenüber angrenzenden Widgets.

Individuelle Farben

Bei Bedarf kannst Du bestimmte Farben in dem Widget individuell festlegen.

Hintergrund

Hiermit legst Du die Hintergrundfarbe des gesamten Widgets fest.

Schrift

Hiermit kannst Du die Schriftfarbe des Texts in dem Widget anpassen.

Hinweis

Falls in den USPs Telefonnummern oder E-Mail-Adressen eingetragen werden, kann es sein, dass der verwendete Browser diese selbständig farblich formatiert, wodurch die Schriftfarbe ggf. abweichen kann.


Farbe untere Linie

Hiermit legst Du die Farbe der unteren Trennlinie fest - insofern diese aktiviert ist.

Zertifizierung

Hier gibt es die Möglichkeit, ein Zertifizierungslogo - oder ähnliches - einzubinden.

Logo 1

Hier aktivierst oder deaktivierst Du die Anzeige des Logos.

Bild

Hier kannst Du das zu verwendende Logo hochladen. Da der Platz in der USP-Leiste begrenzt ist, empfehlen wir, hier möglichst quadratische Logos einzusetzen.

→ siehe auch Bild-Uploads/-Verwaltung

Hier kannst Du die Verlinkung des Logos festlegen.

→ siehe Dynamische Verlinkung

Text

Hier kannst Du zusätzlichen Text zum Logo definieren, der auch als Titel beim Hovern über dem Logo verwendet wird.

USPs

In diesem Abschnitt kannst Du bis zu 3 USPs festlegen. Typischerweise sind das kurze Infos zu Versandkosten, Kontakt-Telefonnummern oder Besonderheiten Deines Shops.

USP Text-Eintrag <n>

Hiermit aktivierst/deaktivierst Du den einzelnen USP-Eintrag.

Link

Hier legst Du den Link fest. Wenn Dein USP gar nicht verlinkt sein soll, wähle einfach "Manueller Link" und lasse das URL-Feld ganz leer.

→ siehe auch Dynamische Verlinkung

Icon

Hier kannst Du ein Icon auswählen, das vor dem Text angezeigt werden soll. Zur Auswahl stehen Dir hier sämtliche Icons von FontAwesome.

Text

Hier legst Du den eigentlichen USP-Text fest. Dieser sollte möglichst kurz/schlagwortartig sein.

Menüs

In diesem Abschnitt kannst Du bis zu zwei Linkgruppen definieren, die als Dropdown-Menüs in der Leiste angezeigt werden sollen.

Menü <n>

Damit aktivierst/deaktivierst Du den Eintrag komplett.

Text

Dieser Text legt die "Überschrift" des Dropdown-Menüs fest - also den Text, der initial in der Leiste steht.

Linkgruppe

Hier kannst Du eine der Linkgruppen auswählen, die Du im Shop-Backend unter Inhalte → Eigene Seiten festgelegt hast. Die Links der Linkgruppe werden in dem Dropdown-Menü angezeigt.