Verkauf nur an Gewerbetreibende und öffentliche Auftraggeber

SCSS-Compiler für den OXID-Adminbereich: Farben und Variablen von Bootstrap-4-Themes wie Wave direkt im Browser anpassen – mit Editor, Backups und wählbarem Ausgabeformat.

200,00 €* eComStyle
Zur Merkliste

* Pflichtfeld

Produktdaten

HerstellereComStyle
Art.-Nr.20015
KategorieShopgestaltung|Administration

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.

Auf einen Blick
  • 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

SCSS-Variablen anpassen

Die OXID-/Bootstrap-Variablen bearbeiten Sie bequem in einem eigenen Textfenster – Farben, Abstände und Co. sind so schnell geändert.

Eigenes CSS integrieren

Ihr eigenes CSS wird mitkompiliert; dabei können Sie die OXID-Variablen direkt weiterverwenden.

Komfortabler Editor

Syntax-Highlighter mit über 80 Farbschemen, Zeilennummern und ein CSS-Beautifier, der Eingaben sauber ausrichtet.

Backups per Klick

Von eigenem CSS und den Variablen legen Sie jederzeit Sicherungen an – Änderungen lassen sich so risikofrei testen.

Ausgabeformat wählbar

Das kompilierte CSS kann in verschiedenen Formaten ausgegeben werden: Expanded, Nested, Compressed, Compact oder Crunched.

Alles im Admin

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

Voraussetzungen und Lieferumfang
  • 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.

Häufige Fragen
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.

Bewertungen

Noch keine Bewertungen für diesen Artikel.

Das könnte Sie auch interessieren