CSS/JS-Manager

Über die Erweiterung

Kleine Storefront-Anpassungen ohne Eingriff ins Theme

Eine andere Buttonfarbe, eine Aktionsleiste, ein ausgeblendetes Element im Checkout oder ein Tracking-Snippet – für solche kleinen Anpassungen müssen sonst Theme-Dateien bearbeitet oder eigene Plugins entwickelt werden. CSS/JS-Manager bietet dafür einen zentralen Bereich in der Administration, in dem Sie Anpassungen selbst schreiben und direkt in Ihre Storefront übernehmen.

Ihr Code wird in der Datenbank des Shops gespeichert, nicht in Theme-Dateien. Theme-Updates überschreiben Ihre Anpassungen daher nicht, und Sie sehen jederzeit in einer Liste, welche Anpassungen in Ihrem Shop aktiv sind.

Übersichtlich in Containern organisiert

Jede Anpassung liegt in einem eigenen, benannten Container mit optionaler interner Notiz – so weiß Ihr Team, was sie bewirkt und warum es sie gibt. Ein Container enthält SCSS, JavaScript oder beides, zum Beispiel die Styles und das Skript einer Aktionsleiste direkt nebeneinander. Jedes Code-Feld bietet Syntaxhervorhebung und blendet bei Bedarf praktische Beispiele ein.

Container lassen sich jederzeit aktivieren und deaktivieren, auf ausgewählte Verkaufskanäle beschränken und in eine feste Reihenfolge bringen. Die Suche findet Container nach Name und nach enthaltenem Code, und ein bestehender Container kann als Vorlage für den nächsten dupliziert werden.

Styles, die Ihrem Theme folgen

Ihre Styles werden zusammen mit dem Storefront-Theme kompiliert. Farben, Breakpoints, Mixins und Funktionen Ihres Themes stehen dadurch in Ihrem eigenen SCSS zur Verfügung, und reines CSS funktioniert genauso. Ändert sich die Markenfarbe in den Theme-Einstellungen, folgen Ihre Styles nach dem nächsten Kompilieren automatisch.

Ihr CSS landet im regulären Stylesheet des Themes, Ihr JavaScript wird direkt mit der Seite ausgeliefert. Besucher laden keine einzige zusätzliche Datei – Ihre Anpassungen bremsen den Shop also nicht aus.

Sicher veröffentlichen

Änderungen erscheinen erst in der Storefront, wenn das Theme kompiliert wird – entweder für alle Verkaufskanäle aus der Liste heraus oder mit Speichern & kompilieren direkt im gerade bearbeiteten Container. Bis dahin können Sie in Ruhe arbeiten, ohne dass Kunden halbfertige Änderungen sehen.

Enthält Ihr SCSS einen Fehler, zeigt das Plugin an, in welchem Container und in welcher Zeile er steckt – und das zuletzt kompilierte Theme bleibt einfach online. In der Storefront läuft jedes Skript für sich und fängt seine eigenen Fehler ab, sodass ein fehlerhaftes Snippet die anderen nicht stoppt.