Magento2: use Modernizr in my custom theme
I am developing a custom theme in Magento 2.1. I am writing some custom javascript functionalities and I need to use Modernizr. How to I include it in my custom theme?
This is my javascript code:
require([
'jquery',
'matchMedia',
'modernizr'
], function($, mediaCheck, Modernizr) {
console.debug(Modernizr.touch);
}
);
This script causes a 404 error since the modernizr.js is not found.
How can be added lib/web/modernizr/modernizr.js to my custom theme?
magento-2.1 javascript requirejs
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
bumped to the homepage by Community♦ 23 mins 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 |
I am developing a custom theme in Magento 2.1. I am writing some custom javascript functionalities and I need to use Modernizr. How to I include it in my custom theme?
This is my javascript code:
require([
'jquery',
'matchMedia',
'modernizr'
], function($, mediaCheck, Modernizr) {
console.debug(Modernizr.touch);
}
);
This script causes a 404 error since the modernizr.js is not found.
How can be added lib/web/modernizr/modernizr.js to my custom theme?
magento-2.1 javascript requirejs
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
bumped to the homepage by Community♦ 23 mins ago
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
Use Below code require(['jquery','modernizr'],function($){ jQuery(document).ready(function() { #code here });});
– Moin Malek
Feb 28 '17 at 10:45
1
And please add both js file in requirejs-config.js In Magento_Theme Folder
– Moin Malek
Feb 28 '17 at 10:47
add a comment |
I am developing a custom theme in Magento 2.1. I am writing some custom javascript functionalities and I need to use Modernizr. How to I include it in my custom theme?
This is my javascript code:
require([
'jquery',
'matchMedia',
'modernizr'
], function($, mediaCheck, Modernizr) {
console.debug(Modernizr.touch);
}
);
This script causes a 404 error since the modernizr.js is not found.
How can be added lib/web/modernizr/modernizr.js to my custom theme?
magento-2.1 javascript requirejs
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
I am developing a custom theme in Magento 2.1. I am writing some custom javascript functionalities and I need to use Modernizr. How to I include it in my custom theme?
This is my javascript code:
require([
'jquery',
'matchMedia',
'modernizr'
], function($, mediaCheck, Modernizr) {
console.debug(Modernizr.touch);
}
);
This script causes a 404 error since the modernizr.js is not found.
How can be added lib/web/modernizr/modernizr.js to my custom theme?
magento-2.1 javascript requirejs
magento-2.1 javascript requirejs
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
asked Feb 28 '17 at 10:35
gianis6gianis6
6901332
6901332
bumped to the homepage by Community♦ 23 mins 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♦ 23 mins ago
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
Use Below code require(['jquery','modernizr'],function($){ jQuery(document).ready(function() { #code here });});
– Moin Malek
Feb 28 '17 at 10:45
1
And please add both js file in requirejs-config.js In Magento_Theme Folder
– Moin Malek
Feb 28 '17 at 10:47
add a comment |
Use Below code require(['jquery','modernizr'],function($){ jQuery(document).ready(function() { #code here });});
– Moin Malek
Feb 28 '17 at 10:45
1
And please add both js file in requirejs-config.js In Magento_Theme Folder
– Moin Malek
Feb 28 '17 at 10:47
Use Below code require(['jquery','modernizr'],function($){ jQuery(document).ready(function() { #code here });});
– Moin Malek
Feb 28 '17 at 10:45
Use Below code require(['jquery','modernizr'],function($){ jQuery(document).ready(function() { #code here });});
– Moin Malek
Feb 28 '17 at 10:45
1
1
And please add both js file in requirejs-config.js In Magento_Theme Folder
– Moin Malek
Feb 28 '17 at 10:47
And please add both js file in requirejs-config.js In Magento_Theme Folder
– Moin Malek
Feb 28 '17 at 10:47
add a comment |
2 Answers
2
active
oldest
votes
Put the library in your theme:
VENDOR/THEME/web/js/modernizr/modernizr.js
Then in your requirejs-config.js write something like:
map: {
'*': {
'modernizr':'js/modernizr/modernizr',
}
}
Your javascript code is ok.
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
add a comment |
This library is already included by Magento, so we do not need to customize anything, just use it:
require([
'jquery',
'matchMedia',
'modernizr/modernizr'
], function($, mediaCheck) {
console.debug(Modernizr.touch);
}
);
Tested on Magento CE 2.1.3. I learned from this file, it also require Modernizr as I need.
vendor/magento/magento2-base/lib/web/modernizr/modernizr.details.js
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
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%2f162149%2fmagento2-use-modernizr-in-my-custom-theme%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Put the library in your theme:
VENDOR/THEME/web/js/modernizr/modernizr.js
Then in your requirejs-config.js write something like:
map: {
'*': {
'modernizr':'js/modernizr/modernizr',
}
}
Your javascript code is ok.
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
add a comment |
Put the library in your theme:
VENDOR/THEME/web/js/modernizr/modernizr.js
Then in your requirejs-config.js write something like:
map: {
'*': {
'modernizr':'js/modernizr/modernizr',
}
}
Your javascript code is ok.
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
add a comment |
Put the library in your theme:
VENDOR/THEME/web/js/modernizr/modernizr.js
Then in your requirejs-config.js write something like:
map: {
'*': {
'modernizr':'js/modernizr/modernizr',
}
}
Your javascript code is ok.
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
Put the library in your theme:
VENDOR/THEME/web/js/modernizr/modernizr.js
Then in your requirejs-config.js write something like:
map: {
'*': {
'modernizr':'js/modernizr/modernizr',
}
}
Your javascript code is ok.
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
answered Mar 16 '17 at 21:09
nuovecodenuovecode
465414
465414
add a comment |
add a comment |
This library is already included by Magento, so we do not need to customize anything, just use it:
require([
'jquery',
'matchMedia',
'modernizr/modernizr'
], function($, mediaCheck) {
console.debug(Modernizr.touch);
}
);
Tested on Magento CE 2.1.3. I learned from this file, it also require Modernizr as I need.
vendor/magento/magento2-base/lib/web/modernizr/modernizr.details.js
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
add a comment |
This library is already included by Magento, so we do not need to customize anything, just use it:
require([
'jquery',
'matchMedia',
'modernizr/modernizr'
], function($, mediaCheck) {
console.debug(Modernizr.touch);
}
);
Tested on Magento CE 2.1.3. I learned from this file, it also require Modernizr as I need.
vendor/magento/magento2-base/lib/web/modernizr/modernizr.details.js
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
add a comment |
This library is already included by Magento, so we do not need to customize anything, just use it:
require([
'jquery',
'matchMedia',
'modernizr/modernizr'
], function($, mediaCheck) {
console.debug(Modernizr.touch);
}
);
Tested on Magento CE 2.1.3. I learned from this file, it also require Modernizr as I need.
vendor/magento/magento2-base/lib/web/modernizr/modernizr.details.js
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
This library is already included by Magento, so we do not need to customize anything, just use it:
require([
'jquery',
'matchMedia',
'modernizr/modernizr'
], function($, mediaCheck) {
console.debug(Modernizr.touch);
}
);
Tested on Magento CE 2.1.3. I learned from this file, it also require Modernizr as I need.
vendor/magento/magento2-base/lib/web/modernizr/modernizr.details.js
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
answered Jul 6 '17 at 10:50
De NguyenDe Nguyen
23617
23617
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%2f162149%2fmagento2-use-modernizr-in-my-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
Use Below code require(['jquery','modernizr'],function($){ jQuery(document).ready(function() { #code here });});
– Moin Malek
Feb 28 '17 at 10:45
1
And please add both js file in requirejs-config.js In Magento_Theme Folder
– Moin Malek
Feb 28 '17 at 10:47