Custom JS/CSS - Individueller Code für die Storefront

von Wolfscastle

Bewertung: keine Bewertung ( Bewertung schreiben )

Downloads: <10

Fügen Sie individuellen CSS- und JS-Code zu Ihrem Shop hinzu – direkt über die Administration, ohne Theme-Änderungen. Inklusive Syntax-Highlighting Editor.

Kostenlos

Kompatibel mit:

6.6.0.0 - 6.7.13.1

Inklusive:

Alle Updates

Während des Abonnements sind alle veröffentlichten Updates kostenlos enthalten.

Unterstützung durch den Extension Partner

Falls du Probleme mit der Erweiterung hast, kannst du jederzeit den Extension Partner um Hilfe bitten.

Beschreibung

Highlights

CSS & JS direkt via Admin hinzufügen
Kein Theme-Compile notwendig
Editor mit Syntax-Highlighting
Perfekt für Quick-Fixes & Tracking
Kostenlos für immer!

Features

Neuer Menüpunkt unter "Inhalte" > "Eigenes JS/CSS".
Getrennte Editoren für Stylesheets (CSS) und Skripte (JS).
Code wird auf allen Storefront-Seiten ausgespielt.
Unterstützung für Shopware 6.6.x und höher.
Leichtgewichtiges Plugin ohne Performance-Impact auf das Backend.

Über die Erweiterung

Maximale Flexibilität für Ihr Frontend – ohne Umwege

Möchten Sie schnell eine CSS-Anpassung vornehmen, um einen Button hervorzuheben? Oder müssen Sie ein Tracking-Skript (JavaScript) einbinden, ohne gleich das gesamte Theme neu kompilieren oder ein Deployment anstoßen zu müssen? Das Custom JS/CSS Plugin von Wolfscastle ist die schlanke Lösung für Administratoren und Entwickler.

Normalerweise erfordern Design-Anpassungen oder Skript-Integrationen den Zugriff auf das Dateisystem, Anpassungen am Theme und einen anschließenden Build-Prozess.

Mit diesem Plugin erhalten Sie einen neuen Menüpunkt unter "Inhalte", in dem Sie globalen Code für Ihre Storefront hinterlegen können. Der Code wird automatisch in den Header oder Footer Ihrer Seiten injiziert. Dank des integrierten Code-Editors mit Syntax-Highlighting behalten Sie dabei immer den Überblick.

Funktionen im Überblick:

Eigenes CSS: Überschreiben Sie Styles global im gesamten Shop.
Eigenes JavaScript: Fügen Sie Logik, Tracking-Pixel oder Animationen hinzu.
Komfortabler Editor: Integriertes Syntax-Highlighting erleichtert die Eingabe.
Sofort wirksam: Speichern klicken und Änderungen sind (nach Cache-Leerung) live.
Sicher: Zugriff nur für Administratoren mit entsprechenden Berechtigungen.

Details

Verfügbar in: Englisch, Deutsch
Zuletzt aktualisiert: 26. August 2026
Veröffentlicht: 26. August 2026
Version: 1.0.6
Kategorie: Sonderfunktionen

Ressourcen

Bewertungen (0)

Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben

Keine Bewertungen gefunden.

Über den Extension Partner

Wolfscastle

Alle Erweiterungen anzeigen

Partner Status

Shopware
Extension Partner

Details

Partner seit: 2026
Erweiterungen: 1

Support

Land: Germany
Spricht: Deutsch, Englisch
Reaktionszeit: Sehr schnell

Muss ich das Theme neu kompilieren (bin/console theme:compile), nachdem ich Code hinzugefügt habe?

Nein! Das ist der größte Vorteil dieses Plugins. Der Code wird zur Laufzeit in den Header (CSS) bzw. vor den schließenden Body-Tag (JS) injiziert. Ein einfaches "Speichern" reicht aus.

Warum sind meine Änderungen im Frontend nicht sofort sichtbar?

Shopware cached Inhalte sehr aggressiv. Nach dem Speichern von neuem CSS oder JavaScript sollten Sie den Shop-Cache leeren. Dies geht entweder über die Einstellungen in der Administration (System > Caches & Indizes > Caches leeren) oder über die Konsole (php bin/console cache:clear).

Wann wird mein CSS geladen? Kann ich Theme-Styles überschreiben?

Das CSS des Plugins wird nach den Standard-Theme-Styles geladen. Das bedeutet, Sie können bestehende Styles in der Regel einfach überschreiben, ohne !important verwenden zu müssen (abhängig von der Spezifität Ihrer Selektoren).

Ich habe fehlerhaften JavaScript-Code eingegeben und der Shop lädt nicht mehr. Was nun?

Da der Code auf allen Seiten ausgeführt wird, kann ein Syntax-Fehler im JS zu Problemen führen. Falls Sie sich aus der Storefront ausgeschlossen haben: Die Administration bleibt davon unberührt. Loggen Sie sich einfach ein und korrigieren oder löschen Sie den Code. Alternativ können Sie das Plugin über die Konsole deaktivieren: php bin/console plugin:deactivate WolfscstlCustomJsCss.

1.0.6 6.6.0.0 - 6.7.13.1 26. August 2026

[1.0.6] - 2026-08-25

Neue Funktionen & Verbesserungen

Sofortige Sichtbarkeit von Änderungen: Der Shop-Cache wird nach dem Speichern von Code-Änderungen nun automatisch geleert. Die Anpassungen sind dadurch sofort im Frontend sichtbar, ohne dass der Cache manuell geleert werden muss.
Rechteverwaltung (ACL): Das Plugin unterstützt nun die Shopware-Rechteverwaltung. Administratoren können für Mitarbeiter gezielt Lese- und Schreibrechte für den Custom JS/CSS-Bereich vergeben.
Mehrsprachigkeit: Fehlermeldungen und Hinweise in der Administration werden nun in der Sprache des eingeloggten Benutzers angezeigt.

Fehlerbehebungen

Plugin-Aktivierung: Der Schalter zum generellen Ein- und Ausschalten in den Plugin-Einstellungen funktioniert nun wie vorgesehen und steuert zuverlässig die Code-Ausgabe im Shop.
Schutz vor Layout-Fehlern: Ein Problem wurde behoben, bei dem bestimmte Zeichenfolgen ( oder ) innerhalb des eigenen Codes das HTML-Layout des Shops zerstören konnten.
SCSS-Fehlerbehandlung: Fehler bei der SCSS-Kompilierung werden nun korrekt erkannt und gemeldet, anstatt unfertigen oder fehlerhaften Code in den Shop zu laden.
Stabile Shop-Darstellung bei Fehlern: Falls beim Einbinden des Codes Fehler auftreten, wird das Frontend des Shops dadurch nicht mehr beeinträchtigt. Zur leichteren Fehleranalyse werden diese nun in einer separaten Log-Datei gespeichert.
Kompatibilität: Die internen technischen Bezeichnungen des Plugins wurden angepasst, um mögliche Namenskonflikte mit anderen Plugins oder zukünftigen Shopware-Updates zu verhindern.

1.0.5 6.6.0.0 - 6.7.11.1 24. Juni 2026

Version 1.0.5

Behoben

Die Datenbereinigung bei der Deinstallation invalidiert jetzt zusätzlich den System-Konfigurations-Cache von Shopware. Die Vorgängerversion entfernte die Datenbankzeilen per direktem SQL-DELETE; dabei wurde kein SystemConfigChangedEvent ausgelöst, sodass der Cache des CachedSystemConfigLoader (Tag system-config) bestehen blieb — in Umgebungen mit persistentem Object-Cache konnten die gespeicherten Code-Blöcke nach einer Neuinstallation wieder auftauchen. Die Löschung läuft jetzt über SystemConfigService::delete(), wodurch die Zeilen entfernt und der Cache invalidiert werden.
Alle Schlüssel der Domäne WolfscstlCustomJsCss.config.* werden jetzt explizit entfernt (global und je Sales-Channel), einschließlich codeBlocks. Dieser Schlüssel ist nicht in der config.xml deklariert und wird daher von Shopwares eingebauter Bereinigung nicht erfasst.

Verifizierung

End-to-End im Dockware-Container verifiziert (Shopware 6.7.2.2): Code-Blöcke gesetzt, Erweiterung mit der Option „alle Daten löschen" deinstalliert und anschließend neu installiert — es verbleiben keine Datenbankzeilen der Erweiterungs-Domäne und es wird nichts in die Storefront injiziert.

1.0.4 6.6.0.0 - 6.7.10.2 2. Juni 2026

Version 1.0.4

Behoben

Vollständige Datenbereinigung bei der Deinstallation — die uninstall()-Methode entfernt jetzt jeden system_config-Eintrag der Domäne WolfscstlCustomJsCss.config.* (global sowie je Sales-Channel), sofern der Nutzer die Daten nicht behalten möchte. Damit ist der Shopware-Store-QA-Befund "All extension data removed from database after uninstallation" behoben.
keepUserData() wird vollständig respektiert — bei Auswahl von "Daten behalten" bleibt die gesamte Konfiguration unangetastet.

Hinweis

Dies sind die einzigen Daten, die die Erweiterung in der Datenbank ablegt; es werden keine eigenen Tabellen, Entities oder Custom-Fields angelegt. Nach einer vollständigen Deinstallation ohne Datenerhalt verbleiben keine Erweiterungsdaten.

1.0.3 6.6.0.0 - 6.7.9.0 27. April 2026

Version 1.0.3

Behoben

Fehler "Wolfscstl\CustomJsCss\Controller\Api\CodeBlockController has no container set" endgültig behoben — der Controller erbt jetzt von Symfony\Bundle\FrameworkBundle\Controller\AbstractController und bekommt den DI-Container per expliziten setContainer-Aufruf in services.xml gesetzt.
Verbotene exec()- und shell_exec()-Aufrufe aus dem CodeCompilerService entfernt — TypeScript wird ausschließlich per Regex-Fallback in JavaScript überführt (der produktiv ohnehin nie verfügbare npx tsc-Pfad war faktisch toter Code).
Verbotene lokale Dateisystem-Operationen (mkdir, file_put_contents, unlink, rmdir) entfernt — es werden keine temporären Verzeichnisse mehr angelegt.
Verbotene snippets-Property aus Module.register entfernt — Snippets werden vom snippet-Ordner automatisch geladen.
Plugin-Icon von 800×800 / 39 KB auf 112×112 / 5,7 KB skaliert (Shopware-Store-Limit: max. 256×256 / 30 KB).
composer.json-Beschreibung in Deutsch und Englisch auf 150–185 Zeichen angepasst (Store-Pflichtkorridor).
Typ-Annotation für compileCss/compileJs deklariert das optionale warning-Feld korrekt — behebt PHPStan-Offset-Fehler.
Ungenutzte Imports und Catch-Parameter im Admin-JavaScript entfernt.
SCSS-Verschachtelungstiefe in sw-code-block-editor.scss reduziert (max-nesting-depth: 3).

Validierung

Mit shopware-cli extension validate --full --store-compliance re-validiert: 0 Fehler / 0 Warnungen. Smoke-Test im Dockware-Container erfolgreich, Storefront-Injection und Persistenz von Code-Blöcken End-to-End verifiziert.

1.0.2 6.6.0.0 - 6.7.7.1 19. Februar 2026

Controller-Fehler "no container set" behoben, der im vorherigen Build noch vorhanden war
Sichergestellt, dass alle kompilierten Dateien korrekt in der Distributions-ZIP enthalten sind

1.0.1 6.6.0.0 - 6.7.7.1 17. Februar 2026

Kritisches 503-Installationsproblem behoben (externe Composer-Abhängigkeit, cache.object, AbstractController-Fehler)
SCSS-Kompilierung mit Graceful Degradation ohne scssphp
Try-Catch-Schutz im StorefrontSubscriber
Fehlerhafte Icons in Store-Beschreibung korrigiert
Admin-JS-Assets neu gebaut

1.0.0 6.6.0.0 - 6.7.7.0 3. Februar 2026

### Hinzugefügt

Erstveröffentlichung des Plugins
Mehrere Code-Blöcke mit individueller Namensvergabe
CSS- und SCSS-Unterstützung mit automatischer Kompilierung
JavaScript- und TypeScript-Unterstützung
Verkaufskanal-Zuweisung für jeden einzelnen Block
CodeMirror 6 Editor mit Syntax-Highlighting und Autovervollständigung
Kompilierungsvorschau zum Testen des Codes vor dem Speichern
Aktiv/Inaktiv-Schalter für jeden Block
Native Integration in das Shopware 6 Administrations-Design