Einführung
Guppy ist ein optimiertes Theme-Framework für Shopware 6.7 von digital.manufaktur. Es kombiniert ein schlankes Bootstrap-5-basiertes Core-Theme mit einem abgestimmten Plugin-Ökosystem und einem browserbasierten Child-Theme-Builder, um Storefronts schneller in Produktion zu bringen, ohne fragile Custom-Patches am Shopware-Standard.
Bestandteile des Ökosystems
| Komponente | Was es ist |
|---|---|
| DmfGuppyTheme | Das Core-Theme. Bootstrap-5-Basis mit umfangreicher theme.json-Konfiguration und gezielten Twig-/SCSS-Overrides. |
| Plugin-Ökosystem | 13 ergänzende Plugins für CMS, Storefront, Checkout, Navigation, Markdown, Focal Points u. a., siehe Plugins. |
| Theme Builder | guppy-theme-builder.vercel.app: generiert installierfertige Child-Themes als Plugin-ZIP, ganz ohne lokales Setup. |
| Playground | Live-Demo mit aktivem Guppy-Setup zum Ausprobieren. |
Was Guppy bietet
- Effizienz: schneller, dokumentierter Setup-Pfad statt iterativem Custom-Theme-Bau.
- Flexibilität: vielfältige Layout-, Header-, Footer- und Komponenten-Varianten via Theme-Konfiguration.
- Barrierefreiheit als Default: WCAG-orientiertes Markup, Skip-Links, Keyboard-Navigation, korrekte ARIA-Attribute.
- Performance: schlanke SCSS-Architektur, gezielte Bootstrap-Overrides, Lazy-Loading.
- Updatefähigkeit: Child-Theme-Pattern mit klarer Trennung zwischen Parent- und Custom-Code.
Zielgruppen dieser Dokumentation
Diese Doku richtet sich an zwei Audiences:
- Shop-Betreiber:innen und Agentur-Kund:innen: konfigurieren Themes über die Shopware-Administration. Einstieg: Benutzerhandbuch.
- Shopware-Entwickler:innen und Agentur-Devs: richten Guppy lokal ein, überschreiben Templates, integrieren eigene Plugins. Einstieg: Entwickler-Guide.
Empfohlener Einstieg
- Voraussetzungen prüfen (Shopware-, PHP-, Node-Versionen).
- Installation durchführen.
- Erste Schritte nach der Installation durchgehen, Sales-Channel zuordnen, Theme konfigurieren, optional Child-Theme erzeugen.
- Ergänzende Plugins auswählen, Empfehlungen unter Empfohlene Plugins.
Schneller Weg zum eigenen Theme
Wer ein eigenes Brand-Theme braucht: nicht direkt DmfGuppyTheme modifizieren. Stattdessen den Theme Builder nutzen oder ein Child-Theme manuell erstellen, siehe Child Theme manuell entwickeln.