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 https://xtcommerce.atlassian.net/wiki/spaces/MANUAL/pages/778076161 und nicht das xt_responsive.

Actions

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.