Beschreibung
Scss4Oxid ist ein Modul für OXID eShop 6. Es kompiliert SCSS direkt im Adminbereich – ideal, um Farben und Styles von Bootstrap-4-Themes wie Wave anzupassen, ganz ohne lokale Compiler-Software.
Demo-Video Installationsservice
SCSS und CSS direkt im Shop-Admin bearbeiten
Mit Scss4Oxid passen Sie das Design Ihres Shops bequem im Browser an: SCSS-Variablen und eigenes CSS bearbeiten Sie in einem Editor mit Syntax-Highlighting, das Modul kompiliert daraus per SCSS-PHP die fertige CSS-Datei. Programmierkenntnisse und Einarbeitungszeit sind nicht erforderlich – die Shopfarben lassen sich in wenigen Sekunden anpassen.
- Shop-Version: OXID eShop 6 ab 6.1
- Geeignet für: Auf Bootstrap 4 basierende Themes wie Wave
- Editor: Syntax-Highlighter mit über 80 Farbschemen und Zeilennummern
- Extras: Backups per Klick · CSS-Beautifier · Ausgabeformat wählbar
Funktionsumfang & Highlights
Die OXID-/Bootstrap-Variablen bearbeiten Sie bequem in einem eigenen Textfenster – Farben, Abstände und Co. sind so schnell geändert.
Ihr eigenes CSS wird mitkompiliert; dabei können Sie die OXID-Variablen direkt weiterverwenden.
Syntax-Highlighter mit über 80 Farbschemen, Zeilennummern und ein CSS-Beautifier, der Eingaben sauber ausrichtet.
Von eigenem CSS und den Variablen legen Sie jederzeit Sicherungen an – Änderungen lassen sich so risikofrei testen.
Das kompilierte CSS kann in verschiedenen Formaten ausgegeben werden: Expanded, Nested, Compressed, Compact oder Crunched.
Nach der Installation finden Sie Scss4Oxid in der linken Admin-Navigation – inklusive Einstellungen für CSS-Pfad, Kompression und Wave-Version.
Moduleinstellungen im Überblick
- Wave-Version wählen und CSS-Pfad festlegen
- SCSS-/CSS-Eingaben kompilieren und komprimieren lassen
- Eigene Variablen und eigenes CSS in separaten Eingabefeldern pflegen
- Backups der eigenen Dateien per Klick anlegen; Syntax-Theme des Editors wählen
Typische Einsatzszenarien
- Shopfarben anpassen: Primär- und Akzentfarben des Wave-Themes ohne Build-Prozess ändern
- Eigene Styles ergänzen: individuelles CSS mit Zugriff auf die OXID-Variablen
- Schnelle Design-Tests: Änderungen direkt im Shop prüfen – ohne lokale Entwicklungsumgebung
- OXID eShop 6 ab 6.1
- Auf Bootstrap 4 basierendes Theme, z. B. Wave
- Unverschlüsselter Quelltext
Die Installation bieten wir schnell und unkompliziert zum Festpreis an: Modul-Installation Service. Natürlich können Sie das Modul auch selbst oder über Ihre Agentur installieren.
Für welche Shopversion und Themes ist Scss4Oxid verfügbar?
Für OXID eShop 6 ab 6.1 – gedacht für auf Bootstrap 4 basierende Themes wie das Wave-Theme.
Brauche ich dafür Software auf meinem Rechner?
Nein. Die Kompilierung läuft per SCSS-PHP direkt im Shop – Sie bearbeiten Variablen und CSS bequem im Adminbereich.
Was passiert, wenn ich mich bei den Styles vertue?
Sie können jederzeit Backups Ihres CSS und der Variablen per Klick anlegen und den Stand zurückholen.
In welchem Format wird das CSS ausgegeben?
Wählbar: Expanded, Nested, Compressed, Compact oder Crunched – je nachdem, ob Sie lesbaren oder komprimierten Code möchten.
Beim Abspielen wird eine Verbindung zu YouTube (Google) hergestellt.