Magento 2 Como substituir vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

9

Como posso substituir o arquivo vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less no meu tema personalizado?

magento2 theme overrides core less-css shankar boss
fonte

Respostas:

6

1) Você deve copiar _navigation.lessdo seu tema principal para app\design\frontend\vendor\theme\web\css\source(seu tema personalizado) e substituir seu CSS posterior .lib-main-navigation();e .lib-main-navigation-desktop();este estilo de navegação da lib.

OU

2) você pode substituir o valor da variável de navegação nos temas personalizados _theme.less,

você pode encontrar o nome da variável em lib\web\css\source\lib\variables

_navigation.less
Dipesh Rangani
fonte
1

Além das respostas de Khoa TruongDinh e Dipesh Rangani, o caminho de substituição de Khoa TruongDinh está ok, mas para evitar que o magento substitua seus estilos personalizados, eles devem ser adicionados após a .lib-main-navigation (); e .lib-main-navigation-desktop (); como Dipesh Rangani mencionou, então, em _navigation do tema personalizado, menos arquivo você terá:

.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
fonte
0

Isso foi extremamente útil, eu estava copiando o arquivo lib e editando dentro da classe .lib-main-navigation-desktop () que estava sendo substituída, agora, se eu carregar esse mixin primeiro e colocar meus estilos após a substituição

stephenrwc
fonte