Magento 2 Bagaimana cara mengganti vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

9

Bagaimana cara menimpa file vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less dalam tema khusus saya?

magento2 theme overrides core less-css bos shankar
sumber

Jawaban:

9

Anda bisa mencobanya

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

Baca selengkapnya: Cara mengganti gallery.css

Khoa TruongDinh
sumber
6

1) Anda harus menyalin _navigation.lessdari tema orang tua Anda ke app\design\frontend\vendor\theme\web\css\source(tema kustom Anda) dan menimpa css Anda setelah .lib-main-navigation();dan .lib-main-navigation-desktop();gaya navigasi lib ini.

ATAU

2) Anda dapat mengganti nilai variabel navigasi di tema khusus _theme.less,

Anda dapat menemukan nama variabel di lib\web\css\source\lib\variables

_navigation.less
Dipesh Rangani
sumber
1

Selain jawaban Khoa TruongDinh dan Dipesh Rangani, jalur utama Khoa TruongDinh tidak apa-apa tetapi untuk mencegah magento mengganti gaya kustom Anda, gaya khusus Anda, harus ditambahkan setelah .lib-main-navigation (); dan .lib-main-navigation-desktop (); seperti yang Dipesh Rangani sebutkan di navigasi tema khusus Anda, semakin sedikit file yang akan Anda miliki:

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

Ini sangat membantu, saya menyalin file lib dan mengedit di dalam kelas .lib-main-navigation-desktop () yang ditimpa, sekarang jika saya memuat mixin ini terlebih dahulu dan meletakkan gaya saya setelah ditimpa

stephenrwc
sumber