Header
Guppy bietet vier Header-Varianten plus konfigurierbares USP-Banner, 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 für USP-Banner | 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.
USP-Banner (Extended-Variante)
Im Tab USP lässt sich das Banner aktivieren und befüllen:
- USP aktivieren (
guppy-usp-active) - Layout:
benefits(bis zu 4 Verkaufsargumente) oderstandard(einzelner Text mit Link) - Texte und Links: pro Layout konfigurierbar
- Farben: Hintergrund, Text, Hover
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.