CSS-Theme-Editor
Ab Version xt:Commerce 6 steht Ihnen ein CSS LESS Editor und CSS Generator zur Verfügung.
Über diesen Editor können rudimentäre Elemente im Template angepasst werden (Farben, Schriftgrößen, etc).
Bitte vernwenden Sie dafür Template-Überschreibung und nicht das xt_responsive.
Actions | |
---|---|
Template History - Bei jeder Änderung wird eine Sicherheitskopie angelegt welche wiederhergestellt werden kann. | |
Template Kopieren - Erstellt eine vollständige Kopie des Template Ordners | |
CSS Erzeugen - erzeugt/regeneriert die CSS Datein mit Ihren letzten Änderungen in den CSS LESS Optionen/Einstellungen | |
Bearbeiten - Öffnet die Template Einstellungen, hier können die einzelnen Template Optionen (Farben, Fonts, Größen, etc) mit LESS Syntax bearbeitet werden |
Template Anpassen
Bearbeiten Sie hierzu das gewünscht Template über den Button Bearbeiten und ändern die gewünscht Einstellung (z.B. "@brand-primary" legt die Hauptfarbe des Template fest).
Nach Ihren Änderungen Speichern Sie Ihre Einstellungen und führen die "CSS Erzeugen" Aktion aus - das System generiert im nächsten Schritt eine aktualisierte CSS Datei mit Ihren Änderungen - danach sollten Sie bereits im Frontend die Ergebnisse sehen (Frontend mit F5 neu-laden).
Template Wiederherstellen
Sollten Sie eine Änderung rückgängig machen wollen, öffnen Sie die Template History und stellen die Einstellungs-Optionen vor Ihre Änderung wieder her. Auch hier bitte nach dem Wiederherstellen erneut "CSS Erzeugen" ausführen um die geladenen Einstellungen auch auf die CSS Datei anzuwenden.