Bagaimana cara menimpa file vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less dalam tema khusus saya?
Bagaimana cara menimpa file vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less dalam tema khusus saya?
Jawaban:
Anda bisa mencobanya
app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less
Baca selengkapnya: Cara mengganti gallery.css
1) Anda harus menyalin _navigation.less
dari 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
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
}
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