Support-Thread: Neues Plugin: "Erweitertes Grafik Menü"

Hallo, die eigene LESS-Datei muss im Theme natülich auch eingebunden werden. In welcher Datei die Werte angepasst werden ist relativ egal, es dient eigentlich nur der Übersichtlichkeit. Hier zur Anleitung von Shopware: Theme Guide Im Theme gibt es die all.less, die wie folgt aufgebaut ist: //eigenes Theme - abgeleitet von responsive @import "components"; @import "mixins"; @import "modules"; @import "variables"; Hier importieren wir weitere Dateien. Wichtig: jeden @import mit einem Semikolon abschließen ! Im selben Verzeichnis („MeinTheme/frontend/_public/src/less“) liegt dann auch die _modules.less , welche die einzelnen Anpassungen diverser Module beinhaltet. @import "\_modules/header"; @import "\_modules/global"; @import "\_modules/main-navigation"; @import "\_modules/detail"; @import "\_modules/footer"; Dann im Unterordner „_modules“ die Datei „main-navigation.less“ .advanced-menu .item--level-0 .menu--list-item-link { font-weight: 200; font-style: italic ; } Wenn mit dieser Methode gearbeitet wird, funktioniert es problemlos. Bein Kompilieren des Themes sollte im Backend keine Fehlermeldung ausgegeben werden. Während der Entwicklung auch im Theme-Manager unter den Einstellungen die „CSS source map“ aktivieren. So kann über die Konsole in Chrome überprüft werden, aus welcher LESS_Datei die Einstellungen stammen. Ich hoffe ich konnte soweit helfen. Es scheint im ersten Moment etwas komplizierter als bei Shopware 4, doch man kann so sehr effizient arbeiten und später jede Anpassung schnell wiederfinden. Gruß Matthias Wolf

1 „Gefällt mir“