Làm cách nào tôi có thể ghi đè tập tin nhà cung cấp / magento / magento2-base / lib / web / css / source / lib / _navlation.less trong chủ đề tùy chỉnh của mình?
Làm cách nào tôi có thể ghi đè tập tin nhà cung cấp / magento / magento2-base / lib / web / css / source / lib / _navlation.less trong chủ đề tùy chỉnh của mình?
Câu trả lời:
Bạn có thể thử với
app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less
Đọc thêm: Cách ghi đè gallery.css
1) Bạn phải sao chép _navigation.less
từ chủ đề gốc sang app\design\frontend\vendor\theme\web\css\source
(chủ đề tùy chỉnh) và ghi đè css của bạn sau .lib-main-navigation();
và .lib-main-navigation-desktop();
kiểu điều hướng lib này.
HOẶC LÀ
2) bạn có thể ghi đè giá trị của biến điều hướng trong chủ đề tùy chỉnh _theme.less
,
bạn có thể tìm thấy tên biến tại lib\web\css\source\lib\variables
_navigation.less
Ngoài câu trả lời của Khoa TruongDinh và Dipesh Rangani, đường dẫn ghi đè của Khoa TruongDinh vẫn ổn nhưng để ngăn magento ghi đè các kiểu tùy chỉnh của bạn, các kiểu tùy chỉnh của bạn, phải được thêm vào sau .lib-main-navigation (); và .lib-main-navigation-desktop (); như Dipesh Rangani đã đề cập, do đó, trong tài khoản tùy chỉnh của bạn, bạn sẽ có ít tệp hơn:
.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
}
Điều này cực kỳ hữu ích, tôi đã sao chép tệp lib và chỉnh sửa trong lớp .lib-main-navigation-desktop () đang bị ghi đè, bây giờ nếu tôi tải mixin này trước và đặt kiểu của mình sau khi chúng ghi đè