How to over ride frontend-blank _navigation.less in custom theme?
There are a number of great answers on less extending and overriding but none seem to answer this.
I want to override the following in a custom theme.
/vendor/magento/theme-frontend-blank/web/css/source/_navigation.less
I've tried the following:
Copy
_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation.lessand recompile.Copy
_navigation.lessand_sources.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/and comment out other partials I don't want to override.
Save
theme-frontend-blank/web/css/source/_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation_override.lessand import it inapp/design/frontend/Vendor/custom-theme/web/css/_styles.less
@import 'source/_navigation_override.less';
Option 3 does work but only because it's loaded after _navigation.less so it's not ideal.
Does any know how I should be doing this?
magento2 less-css less-import
edited Jul 12 '16 at 11:41
7ochem
5,72193668
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
bumped to the homepage by Community♦ 1 min ago
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
There are a number of great answers on less extending and overriding but none seem to answer this.
I want to override the following in a custom theme.
/vendor/magento/theme-frontend-blank/web/css/source/_navigation.less
I've tried the following:
Copy
_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation.lessand recompile.Copy
_navigation.lessand_sources.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/and comment out other partials I don't want to override.
Save
theme-frontend-blank/web/css/source/_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation_override.lessand import it inapp/design/frontend/Vendor/custom-theme/web/css/_styles.less
@import 'source/_navigation_override.less';
Option 3 does work but only because it's loaded after _navigation.less so it's not ideal.
Does any know how I should be doing this?
magento2 less-css less-import
edited Jul 12 '16 at 11:41
7ochem
5,72193668
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
bumped to the homepage by Community♦ 1 min ago
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
There are a number of great answers on less extending and overriding but none seem to answer this.
I want to override the following in a custom theme.
/vendor/magento/theme-frontend-blank/web/css/source/_navigation.less
I've tried the following:
Copy
_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation.lessand recompile.Copy
_navigation.lessand_sources.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/and comment out other partials I don't want to override.
Save
theme-frontend-blank/web/css/source/_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation_override.lessand import it inapp/design/frontend/Vendor/custom-theme/web/css/_styles.less
@import 'source/_navigation_override.less';
Option 3 does work but only because it's loaded after _navigation.less so it's not ideal.
Does any know how I should be doing this?
magento2 less-css less-import
edited Jul 12 '16 at 11:41
7ochem
5,72193668
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
There are a number of great answers on less extending and overriding but none seem to answer this.
I want to override the following in a custom theme.
/vendor/magento/theme-frontend-blank/web/css/source/_navigation.less
I've tried the following:
Copy
_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation.lessand recompile.Copy
_navigation.lessand_sources.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/and comment out other partials I don't want to override.
Save
theme-frontend-blank/web/css/source/_navigation.lesstoapp/design/frontend/Vendor/custom-theme/web/css/source/_navigation_override.lessand import it inapp/design/frontend/Vendor/custom-theme/web/css/_styles.less
@import 'source/_navigation_override.less';
Option 3 does work but only because it's loaded after _navigation.less so it's not ideal.
Does any know how I should be doing this?
magento2 less-css less-import
magento2 less-css less-import
edited Jul 12 '16 at 11:41
7ochem
5,72193668
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
edited Jul 12 '16 at 11:41
7ochem
5,72193668
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
edited Jul 12 '16 at 11:41
7ochem
5,72193668
edited Jul 12 '16 at 11:41
7ochem
5,72193668
edited Jul 12 '16 at 11:41
7ochem
5,72193668
5,72193668
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
asked Jul 12 '16 at 11:23
Paul BenbowPaul Benbow
185
185
bumped to the homepage by Community♦ 1 min ago
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
bumped to the homepage by Community♦ 1 min ago
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Having tested further I can confirm that option 1 above is the correct way to override a less partial from magento blank theme e.g. /vendor/magento/theme-frontend-blank/web/css/source/_navigation.less.
Copy _navigation.less to app/design/frontend/Vendor/custom-theme/web/css/source/_navigation.less and recompile, but make sure you clear var/view_preprocessedas well.
It appeared not to work because _navigation.less was being compiled to the pub directory for both en_US and en_GB and it also is also cached in var/view_preprocessed....en_GB so unless you clear all these when you make changes in your theme it will appear not to be being overwritten.
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f125348%2fhow-to-over-ride-frontend-blank-navigation-less-in-custom-theme%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Having tested further I can confirm that option 1 above is the correct way to override a less partial from magento blank theme e.g. /vendor/magento/theme-frontend-blank/web/css/source/_navigation.less.
Copy _navigation.less to app/design/frontend/Vendor/custom-theme/web/css/source/_navigation.less and recompile, but make sure you clear var/view_preprocessedas well.
It appeared not to work because _navigation.less was being compiled to the pub directory for both en_US and en_GB and it also is also cached in var/view_preprocessed....en_GB so unless you clear all these when you make changes in your theme it will appear not to be being overwritten.
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
add a comment |
Having tested further I can confirm that option 1 above is the correct way to override a less partial from magento blank theme e.g. /vendor/magento/theme-frontend-blank/web/css/source/_navigation.less.
Copy _navigation.less to app/design/frontend/Vendor/custom-theme/web/css/source/_navigation.less and recompile, but make sure you clear var/view_preprocessedas well.
It appeared not to work because _navigation.less was being compiled to the pub directory for both en_US and en_GB and it also is also cached in var/view_preprocessed....en_GB so unless you clear all these when you make changes in your theme it will appear not to be being overwritten.
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
add a comment |
Having tested further I can confirm that option 1 above is the correct way to override a less partial from magento blank theme e.g. /vendor/magento/theme-frontend-blank/web/css/source/_navigation.less.
Copy _navigation.less to app/design/frontend/Vendor/custom-theme/web/css/source/_navigation.less and recompile, but make sure you clear var/view_preprocessedas well.
It appeared not to work because _navigation.less was being compiled to the pub directory for both en_US and en_GB and it also is also cached in var/view_preprocessed....en_GB so unless you clear all these when you make changes in your theme it will appear not to be being overwritten.
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
Having tested further I can confirm that option 1 above is the correct way to override a less partial from magento blank theme e.g. /vendor/magento/theme-frontend-blank/web/css/source/_navigation.less.
Copy _navigation.less to app/design/frontend/Vendor/custom-theme/web/css/source/_navigation.less and recompile, but make sure you clear var/view_preprocessedas well.
It appeared not to work because _navigation.less was being compiled to the pub directory for both en_US and en_GB and it also is also cached in var/view_preprocessed....en_GB so unless you clear all these when you make changes in your theme it will appear not to be being overwritten.
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
answered Jul 18 '16 at 7:02
Paul BenbowPaul Benbow
185
185
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f125348%2fhow-to-over-ride-frontend-blank-navigation-less-in-custom-theme%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
