Updated on 2 Oktober 2026

Plugin-Icon CSS/JS-Manager für Shopware 6CSS/JS-Manager für Shopware 6

Mit dem CSS/JS-Manager für Shopware 6 verwaltest du eigene Storefront-Styles und JavaScript zentral in der Administration. Änderungen liegen in benannten Containern, lassen sich pro Verkaufskanal und optional per Rule Builder ausspielen und werden kontrolliert über die Theme-Kompilierung veröffentlicht.

Die wichtigsten Vorteile

  • SCSS/CSS und JavaScript ohne zusätzliche Theme-Dateien verwalten.
  • Shopware-Theme-Variablen, Mixins und Funktionen in SCSS verwenden.
  • Container pro Verkaufskanal und optional nach Rule-Builder-Regel begrenzen.
  • Code nach Name und Inhalt suchen, Container duplizieren und über Positionen ordnen.
  • Fehler einem Container und einer Codezeile zuordnen; bei einem Sass-Fehler bleibt das zuvor kompilierte Theme online.
  • Lesen, Bearbeiten, Erstellen, Löschen und Kompilieren getrennt über Rollen steuern.
CSS/JS-Manager in der deutschen Shopware Administration mit aktivem SCSS- und JavaScript-Container
Die Übersicht zeigt Codetyp, Aktivstatus, Verkaufskanal, Regel und Reihenfolge jedes Containers.

Schnellstart

  1. Plugin installieren und aktivieren.
  2. Unter Inhalte > CSS/JS-Manager einen Container hinzufügen.
  3. Name, Aktivstatus, Verkaufskanäle, optionale Regel und Position festlegen.
  4. SCSS/CSS oder JavaScript eintragen.
  5. Mit Speichern & kompilieren veröffentlichen.
  6. Ergebnis im passenden Verkaufskanal und Besucher-Kontext prüfen.

Dokumentation

Geprüftes Storefront-Ergebnis

Deutsche Shopware Storefront mit kompiliertem blauen Markenakzent unter dem Header
Das getestete SCSS nutzt eine Shopware Theme-Variable und erscheint nach erfolgreicher Kompilierung in der Storefront.

Ein JavaScript-Container setzte im selben Test nach bestätigter Theme-Kompilierung eine Body-Klasse. Beide Effekte wurden ohne Browser-Konsolenfehler geprüft.

Kompatibilität

Diese Dokumentation bezieht sich auf Plugin-Version 1.7.1 für Shopware 6.7. Verifiziert wurde sie mit Shopware 6.7.15.0. Teste eigenen Code vor der Veröffentlichung in einer Staging-Umgebung und prüfe ihn nach Theme- oder Shopware-Updates erneut.