Kontakt

Custom CSS + JavaScript + Versionshistorie & optionale Cookie Zustimmung

< 50 downloads
Unser Custom CSS + Custom JavaScript Plugin erweitert die Administration um ein Modul zur einfachen Integration von benutzerdefiniertem CSS, SCSS und JavaScript inkl. Versionshistorie.
Monatlich
2,90 €* / Monat
Monatlich kündbar
Jährlich
16.67% Rabatt
2,42 € / Monat
34,80 €* 29,00 €* / Jahr
ab dem zweiten Jahr 34,80 €* / Jahr
Zum Shopware Store

Technische Informationen

Kategorie Sonderfunktionen, Storefront
Erstellt am 4. September 2025
Zuletzt aktualisiert 13. June 2026
Sprachen de_DE, en_GB
Schlagwörter CSS, custom css, javascript, Custom JavaScript/CSS Manager für Shopware 6, Custom CSS/JS
Technischer Name AcrisCustomStyleScript

Highlights

  • Eigener Container-Manager für CSS, SCSS und JavaScript
  • Kompilierung von Custom Code direkt ins Theme
  • Änderungshistorie mit Wiederherstellungsmöglichkeit
  • Skript-Einbindung abhängig von Cookie-Zustimmung

Funktionen

  • Code-Editor mit Syntax-Highlighting für SCSS und JavaScript
  • Erstellung beliebig vieler Container zur Code-Verwaltung
  • Direktes Einfügen von CSS/JS in die Shopware-Theme-Kompilierung
  • Alle Anpassungen werden protokolliert, ältere Versionen können jederzeit wiederhergestellt werden
  • Keine zusätzlichen HTTP-Requests – saubere Integration ohne Abhängigkeitsprobleme (z. B. jQuery)
  • Möglichkeit, Skripte nur bei aktiver Cookie-Zustimmung einzubinden
  • Priorisierbare Container – Reihenfolge der Ausführung steuerbar
  • Einbindung der Styles/Skripte vor dem Shopware-eigenen Styling

Standardmäßig bietet Shopware keine einfache Möglichkeit, eigene Styles oder Skripte direkt in der Administration zu verwalten und performant einzubinden. Anpassungen müssen oft mühsam über Themes oder externe Dateien erfolgen.

Wir haben daher ein Plugin entwickelt, das folgende Funktionen bietet:

  • eigene Styles verwalten
    Individuelle CSS- oder SCSS-Anpassungen können direkt im Editor hinterlegt werden - etwa für Farben, Abstände oder Animationen. Die Einbindung erfolgt automatisch und vor den Shopware-Standardstyles.
  • eigene Skripte einfügen
    Eigene JavaScript-Funktionen lassen sich zentral hinzufügen, zum Beispiel für Tracking oder interaktive Shop-Elemente. Skripte können so konfiguriert werden, dass sie nur nach Zustimmung des Kunden geladen werden (z.B. Google Analytics).
  • Änderungshistorie & Wiederherstellung
    Alle Anpassungen werden automatisch protokolliert. Über die integrierte Historie behalten Sie den Überblick und können bei Bedarf jederzeit auf ältere Versionen zurückspringen.
  • Flexible Verwaltung durch Container
    Styles und Skripte werden in seperaten Containern organisiert. Diese lassen sich beliebig anlegen, priorisieren und gezielt einzelnen Verkaufskanälen zuweisen.
  • Skript Einbindung nach Cookie Zustimmung
    Skripte können erst nach Cookie Zustimmung eingebunden werden. Dabei können ein individueller Cookie Name und eine vordefinierte Cookie Gruppe gewählt werden.
  • Saubere & performante Integration
    Der Code wird direkt in die Shopware-Theme-Kompilierung eingebunden. Dadurch entstehen keine zusätzlichen HTTP-Requests und es kommt nicht zu Konflikten mit bestehenden Bibliotheken (z.B. jQuery).

Installation

  • Öffnen Sie den Plugin Manager über Einstellungen > System > Plugins.
  • Laden Sie das Plugin hoch, installieren und aktivieren Sie es.

Nutzung

Nach der Installation finden Sie im Admin-Menü unter
Einstellungen > Erweiterungen > Custom Styles / Script
ein neuer Bereich.

Dort können Sie eigene Style-Container (für CSS/SCSS) und Skript-Container (für JavaScript) anlegen. Die Änderungen werden automatisch in das Theme übernommen, sobald Sie im Backend die Kompilierung starten.

Konfiguration

Styles (CSS/SCSS)
  • Name & Reihenfolge
    Geben Sie Ihrem Style einen eindeutigen Namen. Über die Reihenfolge (Priorität) legen Sie fest, ob ein Style früher oder später angewendet wird. Höhere Priorität bedeuet: dieser Style überschreibt ggf. andere.
  • Verkaufskanäle
    Bestimmen Sie, in welchen Shops der Style aktiv sein soll.
  • Code-Eingabe
    Geben Sie Ihren CSS-oder SCSS-Code direkt im Editor ein.
  • Einfügeposition
    Die Styles werden automatisch vor den Shopware-Standardstyles geladen.
Skripte (JavaScript)
  • Name & Reihenfolge
    Vergeben Sie einen Namen und bestimmen Sie die Ausführungsreihenfolge. Ein Skript mit höherer Priorität läuft zuerst, danach folgen Skripte mit niedrigerer Priorität
  • Verkaufskanäle
    Wählen Sie, in welchen Shops das Skript aktiv sein soll
  • Cookie-Einstellungen
    Falls ein Skript nur nach Zustimmung geladen werden darf (z. B. Tracking) hinterlegen Sie technische Bezeichnung, Gruppe (z. B. Marketing), Titel und Beschreibung
  • Einfügeposition
    Die Skripte werden automatisch vor dem Shopware-Standard-JavaScript geladen.

Frequently Asked Questions

Es wurden keine Fragen gefunden. Kontaktieren Sie uns, wenn Sie konkrete Fragen haben!
Version Datum Shopware Kompatibilität Changelog
4.4.6 23. Februar 2026 >=6.7.0.0 <6.8.0.0
  • - Ein Problem mit dem Code-Editor im Admin wurde behoben.
4.4.5 21. Januar 2026 >=6.7.0.0 <6.8.0.0
  • - Behebt möglich Probleme bei einem Plugin Update.
  • - Behebt mögliche Kompatibilitätsprobleme.
4.4.4 27. Oktober 2025 >=6.7.0.0 <6.8.0.0
  • - Admin und Storefront Code Optimierungen.
4.4.3 14. Oktober 2025 >=6.7.0.0 <6.8.0.0
  • - Bei einer Änderung des Stils/Skripts wird ab sofort der Cache invalidiert, damit die Änderungen sofort im Shop sichtbar sind.
4.4.2 13. Oktober 2025 >=6.7.0.0 <6.8.0.0
  • - Behebt ein Problem, bei dem im Storefront das JavaScript auch geladen wurde, wenn keine Scripte im Admin angegeben waren.
4.4.1 10. Oktober 2025 >=6.7.0.0 <6.8.0.0
  • - Optimierte Theme-Kompilierungsfunktion.
4.4.0 6. Oktober 2025 >=6.7.0.0 <6.8.0.0
  • - Sicherheitsrisiko behoben: Skript wird beim Speichern von Daten auf der Verwaltungsseite kompiliert, anstatt rohe HTML-Daten zu laden.
4.3.5 10. September 2025 >=6.7.0.0 <6.8.0.0
  • - Optimierung in der Administration bei der Kompilierung der Styles.
4.3.4 9. September 2025 >=6.7.0.0 <6.8.0.0
  • - Zeige die Karte „lastChanged“ nach dem ersten Speichern an. Wenn keine Änderungen vorgenommen wurden, wird kein Verlaufseintrag generiert.
  • - Behebt den Konsolenfehler beim Erstellen eines neuen Stils und entfernt !important-Anweisungen.
  • - Fügt den Migrationsdateien beschreibende Namen hinzu.
4.3.3 3. September 2025 >=6.7.0.0 <6.8.0.0
  • - Fixes an issue where styles were no longer loaded correctly.
4.3.2 3. September 2025 >=6.7.0.0 <6.8.0.0
  • - Behebt mögliche Probleme beim Plugin Update.
4.3.1 28. August 2025 >=6.7.0.0 <6.8.0.0
  • - Die Karte „lastChangedByUser“ und ihre Funktionalität wurden verbessert, der Code optimiert und die Snippets geändert.
4.3.0 26. August 2025 >=6.7.0.0 <6.8.0.0
  • - Implementierte versionierte Protokollhistorie
4.2.1 30. Juli 2025 >=6.7.0.0 <6.8.0.0
  • - Kompatibilität der Icons mit anderen Plugins behoben.
4.2.0 21. Juli 2025 >=6.7.0.0 <6.8.0.0
  • - Verbesserte Validierung von technischen Namen und Style-Script-Code-Farbe
4.1.0 15. Juli 2025 >=6.7.0.0 <6.8.0.0
  • - Javascript funktioniert auf der Grundlage der Cookie-Akzeptanz
4.0.2 11. Juli 2025 >=6.7.0.0 <6.8.0.0
  • - Verbesserte Plugin-Kompatibilität mit Shopware 6.7.
4.0.1 3. Juli 2025 >=6.7.0.0 <6.8.0.0
  • - Verbesserte Plugin-Kompatibilität mit Shopware 6.7.
4.0.0 15. Mai 2025 >=6.7.0.0 <6.8.0.0
  • - Kompatibilität mit Shopware 6.7.
  • - Unterstützung der folgenden Sprachen: de-DE, en-GB, nl-NL, fr-FR, es-ES, fi-FI, nn-NO, sv-SE, cs-CZ, pt-PT, tr-TR, da-DK, it-IT, pl-PL, bs-BA
3.4.1 6. Oktober 2025 >=6.6.0.0 < 6.7.0.0
  • - Verbesserte Funktionalität zum dynamischen Abrufen des Plugin-Namens aus der Konfigurationssammlung anstelle der Verwendung eines statischen Werts.
3.4.0 5. Oktober 2025 >=6.6.0.0 < 6.7.0.0
  • - Sicherheitsrisiko behoben: Skript wird beim Speichern von Daten auf der Verwaltungsseite kompiliert, anstatt rohe HTML-Daten zu laden.
3.3.4 3. September 2025 >=6.6.0.0 < 6.7.0.0
  • - Behebt mögliche Probleme beim Plugin Update.
3.3.3 28. August 2025 >=6.6.0.0 < 6.7.0.0
  • - Die Karte „lastChangedByUser“ und ihre Funktionalität wurden verbessert, der Code optimiert und die Snippets geändert.
3.3.2 26. August 2025 >=6.6.0.0 < 6.7.0.0
  • - Verbesserte Versionshistorie-Funktionalität
3.2.1 21. Juli 2025 >=6.6.0.0 < 6.7.0.0
  • - Verbesserte Skriptvalidierung und Farbauswahl im Code-Editor
3.1.1 15. Juli 2025 >=6.6.0.0 < 6.7.0.0
  • - Fehlerbehebung
3.1.0 14. Juli 2025 >=6.6.0.0 < 6.7.0.0
  • - Javascript funktioniert auf der Grundlage der Cookie-Akzeptanz
3.0.3 19. März 2025 >=6.6.0.0 < 6.7.0.0
  • - Code-Optimierungen.
3.0.2 18. März 2025 >=6.6.0.0 < 6.7.0.0
  • - Code-Optimierungen.
3.0.1 18. März 2025 >=6.6.0.0 < 6.7.0.0
  • - Verbesserte Kompatibilität der Admin Ansicht mit Shopware 6.6.10.0.
3.0.0 15. Mai 2024 >=6.6.0.0 < 6.7.0.0
  • - Kompatibilität mit Shopware 6.6.
2.0.1 5. September 2025 >=6.5.0.0 <6.6.0.0
  • - Änderung der Angabe der Kompatibilität zu Shopware.
2.0.0 20. September 2023 >=6.5.0.0
  • - Kompatibilität mit Shopware 6.5.
1.3.4 5. September 2025 >=6.4.0.0 <6.5.0.0
  • - Änderung der Angabe der Kompatibilität zu Shopware.
1.3.3 14. Februar 2023 >=6.4.0.0
  • - Änderung des Pluginnamens und der Hersteller Links.
1.3.2 26. November 2022 >=6.4.0.0
  • - Optimiert das Plugin-Image.
  • - Verbessert die Kompatibilität mit Shopware >= 6.4.10.0.
  • - Optimiert die Plugin-Farbe in der Verwaltung.
1.3.1 26. November 2022 >=6.4.0.0
  • - Behebung eines Problems beim Hinzufügen mehrerer Styles
1.3.0 26. November 2022 >=6.4.0.0
  • - Möglichkeit zum Einfügen von Style-Code vor Shopware hinzufügen.
1.2.1 26. November 2022 >=6.4.0.0
  • - Hinzufügen der Suchrangfolge von Namens- und Codefeldern für benutzerdefinierten Stil / Skript in der Verwaltung.
1.2.0 26. November 2022 >=6.4.0.0
  • - Ermöglicht es die Reihenfolge zu definieren in welcher die Codes kompiliert werden.
1.1.0 26. November 2022 >=6.4.0.0
  • - Modal zum Kompilieren von Themes nach dem Löschen des Stils/Skripts hinzufügen.
1.0.1 26. November 2022 >=6.4.0.0
  • - Optimierung der Textbausteine
1.0.0 26. November 2022 >=6.4.0.0
  • - Veröffentlichung
Bewertungen
Bewerten Sie dieses Produkt!

Teilen Sie Ihre Erfahrungen mit anderen Kunden.