Skip to content

Header ​

Guppy ships four header variants, logo sizing, and skip links.

Header variants ​

In the Header → Header variant tab:

VariantDescriptionRecommended for
defaultShopware default headerWhen you want the original look
compactGuppy default, compact navigationMost stores
extendedWith top barStores with promotional content
simpleMinimalistLanding pages, brand stores
FieldDefaultEffect
Max logo height (guppy-header-max-height)22pxCaps the logo height, important for the compact variant

Logo files are managed under Sales Channels → Storefront → Theme → Logos.

Top bar ​

The extended variant shows a top bar above the header, carrying the language and currency switchers.

FieldDefaultEffect
Top bar background colour (guppy-topbar-background-color)#EEEEEEBackground of the strip

USP banner

As of Guppy 2.8.0 the customer benefits in the top bar come from the DmfUspBanner plugin rather than the theme settings. You maintain them there per sales channel and per language. An active banner colours the strip with its own background colour.

Optionally enabled in the Header tab:

FieldEffect
Skip to main contentJumps to #content-main
Skip to navigationJumps to #main-navigation
Skip to searchJumps to #search

Recommend enabling

Skip links are crucial for keyboard navigation. At minimum enable Skip to main content.