Profundi Thunder Theme

Über die Erweiterung

Das All-in-One-Theme für Shopware 6, das Ihnen die vollständige visuelle Kontrolle über Ihren Shop bietet — ganz ohne eine einzige Zeile Code zu schreiben.

Thunder Theme von Profundi Web Solutions revolutioniert die Art und Weise, wie Sie Ihren Shopware-Storefront erstellen und verwalten. Mit über 120 Konfigurationsfeldern, einem integrierten Template- und Stylesheet-Editor, automatischer Markenfarb-Erkennung, Social Login und SEO-Tools ersetzt es einen ganzen Stack separater Plugins durch eine einzige, integrierte Lösung.

Vollständige visuelle Individualisierung (120+ Einstellungen)

Jeder visuelle Aspekt Ihres Shops ist direkt im Shopware-Adminbereich konfigurierbar — kein Entwickler erforderlich.

Typografie

Wählen Sie eine beliebige Google Font oder laden Sie eigene WOFF2-Schriftdateien hoch. Legen Sie separate Schriftarten für Fließtext und Überschriften fest, konfigurieren Sie Schriftschnitte für variable Fonts und steuern Sie das Ladeverhalten für optimale Performance.

Farben

Feinabstimmung jeder Farbe in Ihrem Shop: primäre und sekundäre Markenfarben, Text- und Überschriftenfarben, Rahmenfarben, Farben des Kaufen-Buttons (inklusive Text), Link-Hover-Zustände, Kartenhintergründe und -texte und vieles mehr. Jeder Bereich Ihres Shops verfügt über eigene, dedizierte Farboptionen.

Bereichsspezifische Farbsteuerung

Definieren Sie unabhängige Textfarben für Header, Navigation, Flyout-Menüs, Inhaltsbereich, Karten und Footer. Steuern Sie Hintergründe von Dropdown-Flyouts sowie Link-Hover-Farben auf dunklen Hintergründen separat vom Hauptinhalt.

7 Hintergrundzonen — jeweils mit 3 Modi

Konfigurieren Sie den Hintergrund für jeden Hauptbereich Ihres Shops unabhängig voneinander:

• Header

• Navigation

• Hero-/CMS-Bereich

• Inhalt

• Sidebar

• Footer

• Body

Jede Zone unterstützt drei Hintergrundmodi:

1. Volltonfarbe — Wählen Sie eine beliebige Farbe

2. CSS-Verlauf — Definieren Sie Startfarbe, Endfarbe und Richtung (0–360 Grad)

3. Hintergrundbild — Laden Sie ein Bild hoch mit vollständiger Kontrolle über Position, Größe (cover/contain/auto), Wiederholungsverhalten sowie einer Farbüberlagerung mit einstellbarer Transparenz

Das sind 11 Einstellungen pro Zone, insgesamt 77 Hintergrund-Einstellungen — für pixelgenaue Kontrolle über jeden Bereich Ihres Shops.

Integrierter Template- & Stylesheet-Editor

Bearbeiten Sie die Twig-Templates und SCSS-Stylesheets Ihres Shops direkt im Shopware-Adminbereich. Kein FTP, keine Deployment-Pipeline, keine Entwickler-Tools erforderlich.

• Dateibrowser — Durchsuchen Sie alle Storefront-Template- und Stylesheet-Dateien in einer visuellen Baumansicht mit Such- und Dateityp-Filtern (Twig, SCSS oder alle)

• Side-by-Side-Ansicht — Sehen Sie die originale Shopware-Quelldatei neben Ihrem Override und behalten Sie stets den Überblick über Ihre Änderungen

• Overrides erstellen, bearbeiten & löschen — Starten Sie mit dem Originalinhalt, nehmen Sie Änderungen vor und speichern Sie. Entfernen Sie Overrides jederzeit, um zum Standard zurückzukehren

• Kompilieren mit einem Klick — Speichern Sie Ihre Änderungen und starten Sie die Theme-Neukompilierung in einem Schritt, inklusive Syntax-Fehlermeldung bei Problemen

• Live-Vorschau — Öffnen Sie Ihren Shop direkt aus dem Editor in einem neuen Tab und sehen Sie Änderungen sofort

• SCSS-Import-Management — Eigene SCSS-Dateien werden automatisch in die Build-Pipeline integriert. Keine manuelle Konfiguration notwendig

Zugriff über Inhalt > Thunder Theme > Template Editor in der Admin-Seitenleiste.

Markenidentität — Automatische Farberkennung

Laden Sie Ihr Firmenlogo hoch und lassen Sie Thunder Theme ein vollständiges, barrierefreies Farbschema für Ihren Shop generieren.

• Dominante Farbanalyse — Extrahiert bis zu 8 dominante Farben aus jedem hochgeladenen Bild mittels Farbquantisierung und Clustering

• Intelligentes Farb-Mapping — Weist extrahierte Farben automatisch den passenden Theme-Feldern zu: kräftige Farben werden zur primären Markenfarbe, dunkle Töne zur sekundären Farbe und Navigation, helle Farben für Hintergründe

• WCAG-AA-Kontrastprüfung — Jede Text-/Hintergrund-Kombination wird gegen den WCAG-Standard (4,5:1 Kontrastverhältnis) geprüft. Nicht ausreichende Farben werden automatisch angepasst

• Prüfen & Anpassen — Vorschau aller vorgeschlagenen Farbzuweisungen vor der Übernahme. Einzelne Farben können manuell angepasst werden

• Mit einem Klick übernehmen — Farbschema anwenden, Theme automatisch neu kompilieren und Weiterleitung zur Theme-Detailseite

So gelangen Sie in weniger als einer Minute vom Logo-Upload zu einem vollständig gebrandeten, barrierefreien Shop.

Zugriff über Inhalt > Thunder Theme > Brand Identity.

Social Login (Google & Amazon)

Ermöglichen Sie Ihren Kunden die Anmeldung mit ihrem bestehenden Google- oder Amazon-Konto. Weniger Passwörter bedeuten weniger Reibung und höhere Conversion-Raten.

• Google Sign-In — OAuth-2.0-Integration mit Googles Identitätsplattform. Ruft automatisch E-Mail, Vor- und Nachnamen ab

• Amazon Sign-In — Login mit Amazon via OAuth-Integration mit automatischer Namensaufteilung

• Automatische Kontoverknüpfung — Bestehende Kundenkonten mit derselben E-Mail-Adresse werden automatisch verknüpft. Keine doppelten Accounts

• Automatische Kontoerstellung — Neue Kunden erhalten automatisch ein Shopware-Konto basierend auf ihren Social-Profildaten

• Provider-spezifische Aktivierung — Google- und Amazon-Login können pro Verkaufskanal separat aktiviert oder deaktiviert werden

• Sicherheitsorientiertes Design — OAuth2 Authorization-Code-Flow mit CSRF-State-Parameter-Schutz. Client-Secrets werden im Adminbereich als Passwortfelder gespeichert und niemals offengelegt

• Storefront-Integration — Social-Login-Buttons erscheinen nur, wenn der jeweilige Anbieter aktiviert und konfiguriert ist. Sauberes Design mit gebrandeten Buttons

Konfiguration über Inhalt > Thunder Theme > Social Login in der Admin-Seitenleiste.

SEO & strukturierte Daten

Verbessern Sie Ihre Sichtbarkeit in Suchmaschinen mit integrierten strukturierten Daten und Social-Sharing-Steuerung.

• Organization-Schema — Hinterlegen Sie Organisationsname und Logo für die JSON-LD-Ausgabe. Suchmaschinen nutzen dies für Rich Results

• Product-Schema — Automatisches schema.org-Product-Markup auf Produktdetailseiten mit Preis, Verfügbarkeit, Marke, SKU und GTIN

• Website-Schema — SearchAction-Markup für eine Sitelinks-Suchbox in den Google-Ergebnissen

• Open-Graph-Tags — Konfigurieren Sie ein Standardbild für Social Sharing (og:image), das beim Teilen auf Facebook, LinkedIn und anderen Plattformen angezeigt wird

• Twitter Cards — Hinterlegen Sie Ihren X-/Twitter-Handle für die Twitter-Card-Zuordnung

Social-Media-Integration

Zeigen Sie Ihre Social-Media-Profile als Icon-Links im Storefront-Footer an. Unterstützt werden 7 Plattformen:

• Facebook

• Instagram

• X (ehemals Twitter)

• YouTube

• LinkedIn

• TikTok

• Pinterest

Einfach die jeweilige URL in den Theme-Einstellungen eintragen. Die Icons erscheinen automatisch, sobald eine URL hinterlegt ist, und verschwinden, wenn das Feld leer ist. Saubere SVG-Icons mit Hover-Effekten.

Performance-Optimierung

Integrierte Performance-Funktionen für einen schnellen Shop:

• Lazy Loading — Aktivieren Sie natives Browser-Lazy-Loading für Bilder. Bilder außerhalb des sichtbaren Bereichs werden verzögert geladen, was die initiale Ladezeit verbessert

• Font Display Swap — Stellt sicher, dass Text sichtbar bleibt, während benutzerdefinierte Schriftarten geladen werden (verhindert FOIT)

• Preconnect-Domains — Definieren Sie externe Domains (CDNs, Analytics, Schriftanbieter), zu denen frühzeitig Verbindungen aufgebaut werden, um DNS- und Verbindungszeiten für Drittanbieter-Ressourcen zu reduzieren

Admin-Integration

Alle Thunder-Theme-Funktionen sind übersichtlich unter Inhalt > Thunder Theme in der Admin-Seitenleiste organisiert:

• Template Editor — Storefront-Dateien durchsuchen und bearbeiten

• Brand Identity — Farben aus dem Logo extrahieren

• Theme Settings — Direktlink zur Theme-Konfiguration

• Social Login — Google- und Amazon-OAuth-Zugangsdaten konfigurieren

Kein Suchen in verschachtelten Menüs. Alles an einem Ort.