Header
Guppy bietet vier Header-Varianten, Logo-Sizing und Skip-Links.
Header-Varianten
Im Tab Header → Header-Variante:
| Variante | Beschreibung | Empfohlen für |
|---|---|---|
default | Shopware-Standard-Header | Wenn du den Original-Look willst |
compact | Guppy Standard, kompakte Navigation | die meisten Stores |
extended | mit Top-Bar | Stores mit Promo-Inhalten |
simple | minimalistisch | Landingpages, Brand-Stores |
Logo
| Feld | Default | Wirkung |
|---|---|---|
Maximale Logo-Höhe (guppy-header-max-height) | 22px | begrenzt das Logo nach oben, wichtig für compact-Variante |
Logo-Dateien liegen unter Verkaufskanäle → Storefront → Theme → Logos.
Top-Bar
Die extended-Variante blendet über dem Header eine Top-Bar mit Sprach- und Währungsauswahl ein.
| Feld | Default | Wirkung |
|---|---|---|
Top-Bar-Hintergrundfarbe (guppy-topbar-background-color) | #EEEEEE | Hintergrund der Leiste |
USP-Banner
Die Kundenvorteile in der Top-Bar kommen seit Guppy 2.8.0 aus dem Plugin DmfUspBanner und nicht mehr aus den Theme-Einstellungen. Dort pflegst du sie pro Verkaufskanal und pro Sprache. Ein aktives Banner färbt die Leiste in seiner eigenen Hintergrundfarbe.
Skip-Links (Barrierefreiheit)
Optional aktivierbar im Tab Header:
| Feld | Wirkung |
|---|---|
| Skip-Link zum Hauptinhalt | Springt zu #content-main |
| Skip-Link zur Navigation | Springt zu #main-navigation |
| Skip-Link zur Suche | Springt zu #search |
Empfohlen aktivieren
Skip-Links sind für die Tastatur-Navigation entscheidend. Aktiviere mindestens Skip zum Hauptinhalt.