Child Theme
Der Guppy Theme Builder ist ein browserbasierter Konfigurator, der ein installierfertiges Shopware-6-Plugin als ZIP-Datei erzeugt. Kein lokales Setup, keine PHP-Kenntnisse, keine Build-Pipeline nötig.
Warum ein Child-Theme?
Eigene Anpassungen gehören nie direkt in DmfGuppyTheme. Stattdessen erbt ein Child-Theme die volle Guppy-Konfiguration und überlagert sie mit eigenen Werten, Updates am Parent bleiben gefahrlos einspielbar.
Der Theme Builder automatisiert dieses Pattern: Du füllst ein Formular, der Builder erzeugt das Plugin im richtigen Vererbungs-Layout, fertig.
Was der Builder erzeugt
| Komponente | Beschreibung |
|---|---|
| Plugin-Skelett | Composer-Paket, PSR-4-Autoload, Plugin-Bootstrap-Klasse, abhängig von dmf/sw6-guppy-theme |
theme.json | mit korrekten style/script/asset/configInheritance-Pfaden auf @Storefront, @DmfGuppyTheme |
| ~250 Theme-Variablen | Brand, Typography, UI, Layout, Detailpage, Productcards … |
| 80+ Bootstrap-Overrides | Buttons, Inputs, Spacing, Borders, Shadows, Container … |
| Assets | Logo, Favicon, Plugin-Icon, Theme-Preview, Share-Image |
| Fonts | @font-face-Generierung aus hochgeladenen .woff/.woff2-Dateien |
| Custom-SCSS-Variablen | als Name+Wert-Paare in custom.scss mit !default |
| Snippets | de-DE und en-GB Übersetzungs-Keys |
| Icon-Mappings | Shopware-Icon-Name ↔ Phosphor-Icon |
.guppy-builder.json | Snapshot zum späteren Re-Import in den Builder |
Lokal vs. Builder
| Theme Builder | Manuelles Child-Theme | |
|---|---|---|
| Setup | nichts lokal nötig | PHP-Projekt, Composer, Node |
| Entwicklungsmodell | Re-Import des Snapshots | Git-Workflow |
| Empfohlen für | Brand-Themes, schnelle Iteration | komplexe Anpassungen, eigene Twig-Overrides, Custom-JS |
| Output | installierfertiges Plugin-ZIP | custom/plugins/<Name> im Repo |
| Mehr unter | Erste Schritte | Child Theme manuell entwickeln |
Privacy
Nichts verlässt deinen Browser
Alle eingegebenen Daten bleiben im Browser-localStorage. Die ZIP-Generierung läuft client-seitig über JSZip. Es werden keine Eingaben an Server gesendet.
Empfohlener Einstieg
- Erste Schritte: UI-Walkthrough, erste Theme-Generierung.
- Konfiguration: vollständige Feldreferenz.
- Workflow: Installation, Iteration, Snapshot-Re-Import.