Magento 2 Comment remplacer le fournisseur / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

9

Comment puis-je remplacer le fichier vendeur / magento / magento2-base / lib / web / css / source / lib / _navigation.less dans mon thème personnalisé?

magento2 theme overrides core less-css patron de Shankar
la source

Réponses:

6

1) Vous devez copier à _navigation.lesspartir de votre thème parent vers app\design\frontend\vendor\theme\web\css\source(votre thème personnalisé) et remplacer votre CSS après .lib-main-navigation();et .lib-main-navigation-desktop();ce style de navigation lib.

OU

2) vous pouvez remplacer la valeur de la variable de navigation dans le thème personnalisé _theme.less,

vous pouvez trouver le nom de variable à lib\web\css\source\lib\variables

_navigation.less
Dipesh Rangani
la source
1

En plus des réponses de Khoa TruongDinh et de Dipesh Rangani, le chemin prioritaire de Khoa TruongDinh est correct mais afin d'empêcher magento de remplacer vos styles personnalisés, vos styles personnalisés, doivent être ajoutés après la .lib-main-navigation (); et .lib-main-navigation-desktop (); comme Dipesh Rangani l'a mentionné, alors dans la _navigation de votre thème personnalisé; moins de fichier, vous aurez:

.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
la source
0

Cela a été extrêmement utile, je copiais le fichier lib et le modifiais dans la classe .lib-main-navigation-desktop () qui était écrasée, maintenant si je charge ce mixin en premier et que je mets mes styles après les avoir écrasés

stephenrwc
la source