Magento 2 Jak przesłonić dostawcę / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

9

Jak mogę zastąpić plik vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less w moim niestandardowym motywie?

magento2 theme overrides core less-css szef Shankar
źródło

Odpowiedzi:

6

1) Musisz skopiować _navigation.lessmotyw nadrzędny do app\design\frontend\vendor\theme\web\css\source(motyw niestandardowy) i zastąpić css po .lib-main-navigation();oraz .lib-main-navigation-desktop();ten styl nawigacji lib.

LUB

2) możesz zastąpić wartość zmiennej nawigacyjnej w niestandardowym motywie _theme.less,

możesz znaleźć nazwę zmiennej na lib\web\css\source\lib\variables

_navigation.less
Dipesh Rangani
źródło
1

Oprócz odpowiedzi Khoa TruongDinh i Dipesh Rangani, nadrzędna ścieżka Khoa TruongDinh jest w porządku, ale aby zapobiec zastąpieniu przez magento stylów niestandardowych, style niestandardowe należy dodać po .lib-main-navigation (); oraz .lib-main-navigation-desktop (); jak wspomniał Dipesh Rangani, wtedy w niestandardowym temacie nawigacji znajduje się mniej pliku:

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {

     .lib-main-navigation();

     Your custom code here
}


.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {

    .lib-main-navigation-desktop();

    Your custom code here
}
Sorin Barnutiu
źródło
0

To było bardzo pomocne, kopiowałem plik lib i edytowałem w klasie .lib-main-navigation-desktop (), która była nadpisywana, teraz jeśli najpierw załaduję ten mixin i wstawię moje style po ich nadpisaniu

stephenrwc
źródło