Magento2: use Modernizr in my custom themeResizing Header Image to display full screen on all...
How much mayhem could I cause as a sentient fish?
Graph with overlapping labels
What incentives do banks have to gather up loans into pools (backed by Ginnie Mae)and selling them?
SET NOCOUNT Error in handling SQL call after upgrade
Consequences of lack of rigour
Using only 1s, make 29 with the minimum number of digits
Can you tell from a blurry photo if focus was too close or too far?
use of 4/2 chord more compelling than root position?
How can my powered armor quickly replace its ceramic plates?
Why are the books in the Game of Thrones citadel library shelved spine inwards?
How to make ice magic work from a scientific point of view?
A starship is travelling at 0.9c and collides with a small rock. Will it leave a clean hole through, or will more happen?
Is there a Linux system call to create a “view” of a range of a file?
Play Zip, Zap, Zop
What would be the rarity of this magic item(s)?
What to look for when criticizing poetry?
Why is Agricola named as such?
When can a QA tester start his job?
How does Leonard in "Memento" remember reading and writing?
Quickly creating a sparse array
How should I handle players who ignore the session zero agreement?
A curious equality of integrals involving the prime counting function?
What is the wife of a henpecked husband called?
How can a school be getting an epidemic of whooping cough if most of the students are vaccinated?
Magento2: use Modernizr in my custom theme
Resizing Header Image to display full screen on all devices/screensRequirejs shim option not workingMagento 2: can't use materialize.js on my custom moduleJquery run after pluginMagento + RequireJS - How to use non-AMD custom javascript with jQuery?Magento2 use Lightgallery jquery pluginMagento2. Use non AMD javascript scriptsHow to add custom js file in Magento 2Minicart console error with custom themeHow to add defer to a custom JS script in magento 2.xSOLVED - Add js to home page
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♦ 11 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♦ 11 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♦ 11 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♦ 11 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