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


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

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
}

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

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.