Custom CSS + JavaScript + Versionshistorie & optionale Cookie Zustimmung

von ACRIS E-Commerce GmbH

Bewertung: keine Bewertung ( Bewertung schreiben )

Downloads: <50

Unser Custom CSS + Custom JavaScript Plugin erweitert die Administration um ein Modul zur einfachen Integration von benutzerdefiniertem CSS, SCSS und JavaScript inkl. Versionshistorie.

Jährlich 2,42 €* /Monat 34,80 € * 29,00 €* /Jahr 16.67% Rabatt Im Vergleich zum regulären Monatspreis

Monatlich 2,90 €* /Monat Monatlich kündbar

Kompatibel mit:

6.4.0.0 - 6.7.15.1

Inklusive:

Kostenloser Probemonat

Das Abonnement beginnt mit einem kostenlosen Probemonat, in dem das Abonnement jederzeit gekündigt werden kann.

Alle Updates

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

Unterstützung durch den Extension Partner

Falls du Fragen oder Probleme mit der Erweiterung hast, kannst du während des Abonnements jederzeit den Extension Partner um Hilfe bitten.

Beschreibung

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

Features

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

Mehr anzeigen Weniger anzeigen

Über die Erweiterung

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

Mit unserem Plugin können individuelle CSS-/SCSS-Anpassungen und JavaScript-Funktionen zentral verwaltet, versioniert und gezielt in der Storefront eingebunden werden.

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
JavaScript-Funktionen lassen sich zentral hinzufügen, beispielsweise für Tracking oder interaktive Shop-Elemente. Optional können Skripte erst nach Zustimmung des Kunden geladen werden.
Änderungshistorie & Wiederherstellung
Alle Anpassungen werden automatisch protokolliert. Über die integrierte Versionshistorie behalten Sie den Überblick und können bei Bedarf ältere Versionen wiederherstellen.
Flexible Verwaltung durch Container
Styles und Skripte werden in separaten Containern organisiert. Diese lassen sich individuell anlegen, priorisieren und gezielt einzelnen Verkaufskanälen zuweisen.
Skripteinbindung nach Cookie-Zustimmung
JavaScript kann optional erst nach der Cookie-Zustimmung eingebunden werden. Dafür lassen sich ein individueller Cookie-Name und eine vordefinierte Cookie-Gruppe festlegen.
Datenmigration aus anderen Plugins
Bestehende CSS- und JavaScript-Einträge aus den Plugins „Custom CSS / Custom JavaScript“ und „Custom JavaScript & CSS Manager für Shopware 6“ können übernommen werden. Sind entsprechende Daten vorhanden, wird nach der Installation eine Migration angeboten.
Saubere & performante Integration
Der Code wird direkt in die Shopware-Theme-Kompilierung eingebunden. Dadurch werden zusätzliche HTTP-Requests für die eingebundenen Styles und Skripte vermieden.

Diese Erweiterung wird im Rahmen des Premium-Programms hervorgehoben und kann daher im Store priorisiert angezeigt werden.

Details

Verfügbar in: Englisch, Deutsch
Zuletzt aktualisiert: 19. Oktober 2026
Veröffentlicht: 28. Oktober 2025
Version: 4.5.0
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

ACRIS E-Commerce GmbH

Alle Erweiterungen anzeigen

Partner Status

Shopware
Bronze Partner
Shopware
Premium Extension Partner

Details

Ø-Bewertung: 5

Durchschnittliche Bewertung von 5 von 5 Sternen
Partner seit: 2015
Erweiterungen: 223
Zertifizierungen: 7

Support

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

Shopware 6 zertifiziert

Installation

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

Datenmigration aus anderen Plugins

Das Plugin unterstützt die Übernahme bestehender CSS- und JavaScript-Einträge aus folgenden Shopware-Erweiterungen:

Wenn eines der unterstützten Plugins installiert ist und bereits Daten vorhanden sind, wird nach der Installation unseres Plugins automatisch eine Datenmigration angeboten. Über den angezeigten Dialog können bestehende CSS- und JavaScript-Einträge übernommen werden. Alternativ kann die Migration zu einem späteren Zeitpunkt über den Bereich Migration gestartet werden. Die Daten im bisherigen Plugin bleiben unverändert. Bereits übernommene Einträge werden bei einer erneuten Migration übersprungen.

Hinweis: Vor der Aktivierung des ACRIS-Plugins muss die bisher verwendete Erweiterung deaktiviert werden. Die vorhandenen CSS- und JavaScript-Einträge bleiben dabei erhalten und können anschließend über die Datenmigration übernommen werden.

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.