Magento 2 विक्रेता / Magento / Magento2-base / lib / web / css / source / lib / _navigation.less को ओवरराइड कैसे करें?

9

मैं अपने कस्टम थीम में वेंडर / मैगेंटो / मैगेंटो 2-बेस / लीब / वेब / सीएसएस / सोर्स / लिब / _navigation.less फ़ाइल को कैसे ओवरराइड कर सकता हूं ?

— शंकर मालिक
स्रोत

9

आप के साथ कोशिश कर सकते हैं

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

और पढ़ें: Gallery.css को ओवरराइड कैसे करें

— खोआ ट्रूंगडिन्ह
स्रोत

6

1) आपको _navigation.lessअपने मूल विषय से कॉपी करना होगा app\design\frontend\vendor\theme\web\css\source(आपकी कस्टम थीम) और बाद में आपकी सीएसएस को ओवरराइड करना होगा .lib-main-navigation();और .lib-main-navigation-desktop();यह काम करना चाहिए।

या

2) आप कस्टम थीम में नेविगेशन चर के मूल्य को ओवरराइड कर सकते हैं _theme.less,

आप पर चर नाम पा सकते हैं lib\web\css\source\lib\variables

_navigation.less

— दीपेश रंगानी
स्रोत

1

खोआ TruongDinh के और दीपेश रंगानी के जवाबों के अलावा, खोआ TruongDinh का ओवरराइडिंग रास्ता ठीक है, लेकिन मैगेंटो को आपके कस्टम स्टाइल, आपके कस्टम स्टाइल को ओवरले करने से रोकने के लिए .lib-main-नेविगेशन () के बाद जोड़ा जाना चाहिए। और .लिब-मुख्य-नेविगेशन-डेस्कटॉप (); जैसा कि दीपेश रंगानी ने उल्लेख किया है तो आप कस्टम थीम के _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
}

— सोरिन बरनतु
स्रोत

0

यह बेहद मददगार था, मैं .lib-main-navigation-desktop () क्लास के भीतर लीब फाइल और एडिटिंग कॉपी कर रहा था जो ओवरराइट हो रही थी, अब अगर मैं पहले इस मिक्सिन को लोड करता हूं और ओवर राइट करने के बाद अपनी स्टाइल डालता हूं

— stephenrwc
स्रोत