Quick Start

Diese Anleitung führt dich durch die wichtigsten Schritte für eine schnelle Einrichtung.

Voraussetzungen

• ✅ Shopware 6 Installation (Version 6.4+)
• ✅ Composer installiert
• ✅ Terminal-Zugang

1. Guppy Theme installieren

# 1. Theme installieren
composer require dmf/theme-guppy

# 2. Plugin aktivieren
bin/console plugin:refresh
bin/console plugin:install DmfGuppyTheme --activate

# 3. Theme zuweisen
bin/console theme:change

2. Basis-Konfiguration

Öffne das Shopware Admin-Panel und navigiere zu: Inhalte > Themes > Guppy Theme

Wichtigste Einstellungen:

Header-Variante auswählen:

• Shopware Standard: Klassisches Layout
• Guppy Standard: Optimierte, kompakte Variante ⭐ Empfohlen
• Erweitert: Mit Top-Bar für zusätzliche Informationen

Footer-Variante:

• Guppy Standard: Erweiterte Footer-Funktionen ⭐ Empfohlen

Produktkarten:

• Guppy Standard: Barrierefreie Produktkarten aktivieren ⭐ Empfohlen

3. Erste Anpassungen (optional)

Farben anpassen

// In der Theme-Konfiguration
Primärfarbe: #215AFF
Sekundärfarbe: #0B1845

Logo hochladen

• Navigiere zu Inhalte > Medien
• Lade dein Logo hoch (empfohlen: SVG, max. 22px Höhe)
• Weise es in Verkaufskanäle > Storefront > Theme zu

4. Erweiterte Plugins (optional)

# Alle empfohlenen Plugins installieren
bin/console guppy:install:plugins

Verfügbare Plugins:

• ✨ Custom Fonts: Eigene Schriftarten einbinden
• 🎨 Custom Grid: 11 zusätzliche CMS-Layouts
• 🎭 Emotionworld Elements: Erweiterte CMS-Elemente

5. Testen

1. Cache leeren:

   bin/console cache:clear

2. Frontend testen:

   • Besuche deinen Shop
   • Teste auf verschiedenen Geräten
   • Prüfe Barrierefreiheit mit Tab-Navigation

3. Performance optimieren:

   bin/console theme:compile

Nächste Schritte

Für Theme-Anpassungen:

• 📖 Features-Übersicht - Alle verfügbaren Konfigurationen
• 🎨 Theme-Konfiguration - Detaillierte Einstellungen

Für Entwickler:

• 🏗️ Child-Theme erstellen
• 🔧 SCSS-Architektur - Style-Anpassungen
• 🧩 JavaScript-Plugins - Funktionalitäten erweitern

Häufige Probleme

Theme wird nicht angezeigt

# Plugin-Status prüfen
bin/console plugin:list | grep Guppy

# Theme neu kompilieren
bin/console theme:compile
bin/console cache:clear

Styling-Probleme

# Storefront neu bauen
bin/build-storefront.sh

Hilfe & Support

• 🎮 Live-Demo: Guppy Playground
• 📚 Vollständige Dokumentation: Features
• 🔗 Accessibility Guidelines: DMF Guidelines
• 🐛 Issues: GitLab Repository

---

Für weitere Anpassungen schau in die detaillierte Dokumentation.