Magento 2 วิธีการแทนที่ผู้ขาย / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

ฉันจะแทนที่ไฟล์ผู้จำหน่าย / magento / magento2-base / lib / web / css / source / lib / _navigation.lessในธีมที่กำหนดเองได้อย่างไร

คุณสามารถลองด้วย

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

อ่านเพิ่มเติม: วิธีการแทนที่ gallery.css

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

นอกเหนือจากคำตอบของ Khoa TruongDinh และ Dipesh Rangani แล้วเส้นทางการเอาชนะของ Khoa TruongDinh ก็โอเค แต่เพื่อป้องกันไม่ให้วีโอไอพีเอาชนะสไตล์ที่คุณกำหนดเองสไตล์ที่คุณกำหนดเองจะต้องเพิ่มหลังจากการนำทาง. lib-main-navigation (); และ. lib-main-navigation-desktop (); ดังที่ Dipesh Rangani พูดถึงดังนั้นใน _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
}

สิ่งนี้มีประโยชน์มากฉันกำลังคัดลอกไฟล์ lib และแก้ไขภายในคลาส. lib-main-navigation-desktop () ซึ่งเขียนทับตอนนี้ถ้าฉันโหลดมิกซ์นี้ก่อนแล้วจึงใส่สไตล์ของฉันหลังจากเขียนทับ