Magento 2 Как переопределить поставщика/magento/magento2-база/библиотека/веб/css/источник/библиотека/навигация.меньше?


Как я могу переопределить файл поставщика/magento/magento2-base/lib/web/css/source/lib/_navigation.меньше в моей пользовательской теме?

Author: shankar boss, 2016-11-29

4 answers

Вы можете попробовать с

app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less

Подробнее: Как переопределить gallery.css

 9
Author: Khoa TruongDinh, 2017-04-13 12:54:56

1) Вам нужно скопировать _navigation.less из родительской темы в app\design\frontend\vendor\theme\web\css\source( ваша пользовательская тема) и переопределите свой css после .lib-main-navigation(); и .lib-main-navigation-desktop(); этого стиля навигации lib.

ИЛИ

2) вы можете переопределить значение переменной навигации в пользовательской теме _theme.less,

Вы можете найти имя переменной по адресу lib\web\css\source\lib\variables

_navigation.less
 6
Author: Dipesh Rangani, 2016-11-29 05:45:21

В дополнение к ответам Хоа Труонгдина и Дипеша Рангани, переопределяющий путь Хоа Труонгдина в порядке, но для того, чтобы magento не переопределял ваши пользовательские стили, ваши пользовательские стили должны быть добавлены после .lib-main-navigation(); и .lib-main-navigation-desktop(); как упоминал Дипеш Рангани, тогда в _navigation вашей пользовательской темы у вас будет меньше файлов:

.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
}
 1
Author: Sorin Barnutiu, 2017-09-15 09:51:39

Это было чрезвычайно полезно, я копировал файл lib и редактировал в классе .lib-main-navigation-desktop(), который перезаписывался, теперь, если я сначала загружу этот микс и добавлю свои стили после перезаписи

 0
Author: stephenrwc, 2018-01-26 12:12:51