Individuelle LESS-Anpassungen (SW5)
Hinweis: Shopware 5 hat das End-of-Life erreicht. Diese Anleitung dient als Archiv für bestehende Kunden.
Wenn du das Erscheinungsbild von ThemeWare® mittels LESS-Anweisungen anpassen möchtest, kannst du diese in einer LESS-Datei in einer Ableitung hinterlegen.
Voraussetzung: Du benötigst eine Ableitung von ThemeWare®, um individuelle LESS-Anpassungen updatesicher durchzuführen.
Schritt-für-Schritt Anleitung
1. LESS-Datei erstellen
Erstelle im LESS-Ordner deiner Theme-Ableitung eine Datei mit dem Namen all.less:
themes/Frontend/[Name-deiner-Ableitung]/frontend/_public/src/less/all.less2. LESS-Anweisungen hinterlegen
Hinterlege deine LESS-Anweisungen in der soeben erstellten Datei. Beispiel:
// Hintergrundfarbe des Headers ändern
.header-main {
background-color: #f5f5f5;
}
// Schriftgröße der Navigation anpassen
.navigation--list .navigation--link {
font-size: 16px;
}3. Caches leeren
Leere alle Caches und kompiliere das Theme im Backend, damit die Änderungen wirksam werden:
Einstellungen > Caches/Performance > Caches leeren und anschließend im Theme Manager das Theme kompilieren.