Warum Guppy?
Guppy ist mehr als nur ein weiteres Shopware 6 Theme – es ist ein durchdachtes Theme-Framework, das die Art und Weise, wie du Shopware-Projekte entwickelst, grundlegend verbessert.
Das Problem mit Standard-Themes
Wenn du mit dem Shopware Standard-Theme arbeitest, stößt du schnell auf Herausforderungen:
- Aufgeblähter Code: Viele CSS-Definitionen, die du nicht brauchst
- Komplexe Anpassungen: Selbst kleine Design-Änderungen erfordern tiefe Eingriffe
- Barrierefreiheit: Nachträglich implementiert, nicht von Grund auf gedacht
- Inkonsistente Struktur: Schwierig wartbar für größere Projekte
- Limitierte Konfiguration: Viele Anpassungen nur über Code möglich
Die Guppy-Lösung
🚀 Entwickler-Effizienz im Fokus
Problem gelöst: Stundenlange Setup-Zeiten und wiederkehrende Boilerplate-Arbeit
Guppy bietet dir:
- Child-Theme in Sekunden: Ein Konsolen-Befehl, und du bist startklar
- Umfangreiche Konfiguration: Änderungen ohne Code-Anpassungen
- Durchdachte Architektur: Modularer SCSS-Aufbau, klar strukturierte Templates
- Console Commands: Automatisierte Workflows für wiederkehrende Aufgaben
Das Ergebnis: Fokus auf das, was wirklich zählt – die individuellen Features deines Projekts.
♿ Barrierefreiheit ab Werk
Problem gelöst: Nachträgliche Accessibility-Anpassungen sind teuer und fehleranfällig
Guppy macht Barrierefreiheit zum Standard:
- WCAG 2.1 Level AA konform: Aus der Box heraus
- Screen-Reader optimiert: Semantisches HTML und ARIA-Labels
- Keyboard-Navigation: Vollständige Tastatursteuerung überall
- Focus-Management: Einheitliche, gut sichtbare Focus-Styles
- Touch-Optimierung: Mindestens 44px Touch-Targets
Das Ergebnis: Dein Shop ist inklusiv und erreicht mehr Kunden – ohne Mehraufwand.
⚡ Performance ohne Kompromisse
Problem gelöst: Schwerfällige Themes mit langen Ladezeiten
Guppy ist auf Speed optimiert:
- Schlanke CSS-Basis: Kein Shopware-Standard-Ballast
- Optimierte Build-Pipeline: Moderne Compilation-Prozesse
- Lazy Loading: Bilder und Assets werden intelligent geladen
- Responsive Images: Automatisch optimierte Bildgrößen
- JavaScript-Effizienz: Moderne ES6+ Plugins statt Legacy-Code
Das Ergebnis: Schnellere Ladezeiten = bessere Conversion-Rates.
🎨 Flexibilität trifft Struktur
Problem gelöst: Entweder komplett starr oder chaotisch anpassbar
Guppy bietet die perfekte Balance:
- Mehrere Header- und Footer-Varianten: Vorkonfiguriert, aber anpassbar
- Flexibles Design-System: Bootstrap-basiert mit eigenen Erweiterungen
- Responsive Line Heights (RLH): Automatische Anpassungen über alle Viewports
- Custom Properties: Erweiterte Variablen für maximale Kontrolle
Das Ergebnis: Schnell starten, beliebig anpassen.
Konkrete Vorteile im Alltag
Für Entwickler:innen
✅ Schnellerer Start: Child-Theme-Setup in unter 2 Minuten ✅ Weniger Code: Viele Anpassungen über Konfiguration statt Code ✅ Bessere Wartbarkeit: Klare Struktur, dokumentierte Patterns ✅ Modern Stack: SCSS, ES6+, modularer Aufbau ✅ Ausführliche Docs: Alles, was du brauchst, dokumentiert
Für Agenturen
✅ Skalierbare Projekte: Bewährte Architektur für Teams ✅ Wiederverwendbare Patterns: Effizienz über Projekte hinweg ✅ Plugin-Ecosystem: Erweiterte Features on-demand ✅ Professioneller Support: Von digital.manufaktur gepflegt ✅ Updatefähigkeit: Kompatibel mit Shopware-Updates
Für Shop-Betreiber:innen
✅ Mehr Kunden erreichen: Barrierefreie Shops für alle ✅ Bessere Performance: Schnellere Shops = höhere Conversion ✅ Zukunftssicher: Regelmäßige Updates und Wartung ✅ Flexibel anpassbar: Neue Features ohne komplette Neuentwicklung ✅ SEO-freundlich: Sauberer Code, schnelle Ladezeiten
Zahlen, die überzeugen
| Feature | Guppy | Standard-Theme |
|---|---|---|
| Konfigurationsoptionen | Umfangreich | Basis |
| Header-Varianten | Mehrere | 1 |
| Footer-Varianten | Flexibel | 1 |
| WCAG 2.1 Level AA | ✅ | ⚠️ Teilweise |
| CSS-Größe (compiled) | ~30% kleiner | Baseline |
| Performance-Score | 95+ | ~75-85 |
| Responsive Line Heights | ✅ | ❌ |
| Plugin-Ecosystem | ✅ | Limitiert |
Das Guppy-Ecosystem
Guppy ist nicht nur ein Theme, sondern ein komplettes Ecosystem:
🎨 Core Theme
Das Basis-Theme mit allen essentiellen Features
🔌 Offizielle Plugins
- Emotionworld Elements: Erweiterte CMS-Elemente
- Custom Fonts: Eigene Webfonts integrieren
- Custom Grid: Zahlreiche CMS-Grid-Layouts
- Dropdown Navigation: Barrierefreie Mega-Navigation
📚 Dokumentation
Umfassende Guides für Setup, Entwicklung und Best Practices
🛠️ Developer Tools
Console Commands für wiederkehrende Aufgaben
👥 Community & Support
Professioneller Support von digital.manufaktur
Bereit für den nächsten Schritt?
Überzeuge dich selbst von Guppy:
- Quick Start → Starte in wenigen Minuten
- Features entdecken → Alle Features im Überblick
- Dokumentation → Vollständige Einführung
Entwickelt und gepflegt von digital.manufaktur GmbH