Navigation
Guppy ships two navigation variants and integrates seamlessly with the DmfDropdownNavigation plugin for full accessibility.
Navigation variants
In the Header → Navigation tab:
| Variant | Description |
|---|---|
content | Shopware default navigation |
content-compact | Compact navigation with optimised display |
Mobile navigation
On mobile devices, navigation appears as an off-canvas menu. Configuration toggles in the Header tab:
- Mobile top-level resolving: display categories directly instead of category folders as an intermediate level (controllable via
DmfDropdownNavigation).
Extended dropdown navigation
With the DmfDropdownNavigation plugin you get:
- Full keyboard navigation (Tab, arrow keys, Enter, Escape).
- Configurable background, link, hover colors.
- Optional highlighting of the first category (lighter or darker).
Plugin configuration in the admin: Settings → Plugins → Dropdown navigation.
Best practices
- Max depth: three levels are manageable; deeper becomes unwieldy.
- Short category names: long names break the flyout layout.
- First category as an anchor: many stores use it for Sale, Bestsellers, or Brands, the plugin can highlight it.
Related
- DmfDropdownNavigation: accessible plugin.
- Header
- Footer