Skip to content

Header

Guppy bietet vier Header-Varianten plus konfigurierbares USP-Banner, Logo-Sizing und Skip-Links.

Header-Varianten

Im Tab Header → Header-Variante:

VarianteBeschreibungEmpfohlen für
defaultShopware-Standard-HeaderWenn du den Original-Look willst
compactGuppy Standard, kompakte Navigationdie meisten Stores
extendedmit Top-Bar für USP-BannerStores mit Promo-Inhalten
simpleminimalistischLandingpages, Brand-Stores
FeldDefaultWirkung
Maximale Logo-Höhe (guppy-header-max-height)22pxbegrenzt 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) oder standard (einzelner Text mit Link)
  • Texte und Links: pro Layout konfigurierbar
  • Farben: Hintergrund, Text, Hover

Optional aktivierbar im Tab Header:

FeldWirkung
Skip-Link zum HauptinhaltSpringt zu #content-main
Skip-Link zur NavigationSpringt zu #main-navigation
Skip-Link zur SucheSpringt zu #search

Empfohlen aktivieren

Skip-Links sind für die Tastatur-Navigation entscheidend. Aktiviere mindestens Skip zum Hauptinhalt.

Verwandt