How to display template file in popup model in Magento2?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
3
I want to show phtml file inside popup on click of a button but it shows by default open how to resolve it anyone has an idea ?? I want to open when I click on button
<div>
<a href="#" id="click-me">Notify Me</a>
</div>
<div id="popup-mpdal">
<?php include ($block->getTemplateFile(Vendor_Module::notifyoutofstcoks.phtml')) ?>
</div>
<script>
require(
[
'jquery',
'Magento_Ui/js/modal/modal'
],
function(
$,
modal
) {
var options = {
type: 'popup',
responsive: true,
innerScroll: true,
buttons: [{
text: $.mage.__('Continue'),
class: '',
click: function () {
this.closeModal();
}
}]
};
var popup = modal(options, $('#popup-mpdal'));
$("#click-me").on('click',function(){
$("#popup-mpdal").modal("openModal");
});
}
);
</script>
magento2 modal-popup
edited 15 mins ago
Sanjay Gohil
550215
asked 26 mins ago
Hemangi PatelHemangi Patel
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
3
I want to show phtml file inside popup on click of a button but it shows by default open how to resolve it anyone has an idea ?? I want to open when I click on button
<div>
<a href="#" id="click-me">Notify Me</a>
</div>
<div id="popup-mpdal">
<?php include ($block->getTemplateFile(Vendor_Module::notifyoutofstcoks.phtml')) ?>
</div>
<script>
require(
[
'jquery',
'Magento_Ui/js/modal/modal'
],
function(
$,
modal
) {
var options = {
type: 'popup',
responsive: true,
innerScroll: true,
buttons: [{
text: $.mage.__('Continue'),
class: '',
click: function () {
this.closeModal();
}
}]
};
var popup = modal(options, $('#popup-mpdal'));
$("#click-me").on('click',function(){
$("#popup-mpdal").modal("openModal");
});
}
);
</script>
magento2 modal-popup
edited 15 mins ago
Sanjay Gohil
550215
asked 26 mins ago
Hemangi PatelHemangi Patel
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
Follow this link : stackoverflow.com/questions/43061703/…
– Sanjay Gohil
9 mins ago
add a comment |
3
3
3
I want to show phtml file inside popup on click of a button but it shows by default open how to resolve it anyone has an idea ?? I want to open when I click on button
<div>
<a href="#" id="click-me">Notify Me</a>
</div>
<div id="popup-mpdal">
<?php include ($block->getTemplateFile(Vendor_Module::notifyoutofstcoks.phtml')) ?>
</div>
<script>
require(
[
'jquery',
'Magento_Ui/js/modal/modal'
],
function(
$,
modal
) {
var options = {
type: 'popup',
responsive: true,
innerScroll: true,
buttons: [{
text: $.mage.__('Continue'),
class: '',
click: function () {
this.closeModal();
}
}]
};
var popup = modal(options, $('#popup-mpdal'));
$("#click-me").on('click',function(){
$("#popup-mpdal").modal("openModal");
});
}
);
</script>
magento2 modal-popup
edited 15 mins ago
Sanjay Gohil
550215
asked 26 mins ago
Hemangi PatelHemangi Patel
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I want to show phtml file inside popup on click of a button but it shows by default open how to resolve it anyone has an idea ?? I want to open when I click on button
<div>
<a href="#" id="click-me">Notify Me</a>
</div>
<div id="popup-mpdal">
<?php include ($block->getTemplateFile(Vendor_Module::notifyoutofstcoks.phtml')) ?>
</div>
<script>
require(
[
'jquery',
'Magento_Ui/js/modal/modal'
],
function(
$,
modal
) {
var options = {
type: 'popup',
responsive: true,
innerScroll: true,
buttons: [{
text: $.mage.__('Continue'),
class: '',
click: function () {
this.closeModal();
}
}]
};
var popup = modal(options, $('#popup-mpdal'));
$("#click-me").on('click',function(){
$("#popup-mpdal").modal("openModal");
});
}
);
</script>
magento2 modal-popup
magento2 modal-popup
edited 15 mins ago
Sanjay Gohil
550215
asked 26 mins ago
Hemangi PatelHemangi Patel
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 15 mins ago
Sanjay Gohil
550215
asked 26 mins ago
Hemangi PatelHemangi Patel
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 15 mins ago
Sanjay Gohil
550215
edited 15 mins ago
Sanjay Gohil
550215
edited 15 mins ago
Sanjay Gohil
550215
550215
asked 26 mins ago
Hemangi PatelHemangi Patel
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 26 mins ago
Hemangi PatelHemangi Patel
161
asked 26 mins ago
Hemangi PatelHemangi Patel
161
161
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Hemangi Patel is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
Follow this link : stackoverflow.com/questions/43061703/…
– Sanjay Gohil
9 mins ago
add a comment |
1
Follow this link : stackoverflow.com/questions/43061703/…
– Sanjay Gohil
9 mins ago
1
1
Follow this link : stackoverflow.com/questions/43061703/…
– Sanjay Gohil
9 mins ago
Follow this link : stackoverflow.com/questions/43061703/…
– Sanjay Gohil
9 mins ago
add a comment |
1 Answer
1
active
oldest
votes
0
Try using this code to call phtml within another phtml file
<?php echo $this->getLayout()->createBlock("MagentoFrameworkViewElementTemplate")->setTemplate("Vendor_Module::notifyoutofstcoks.phtml")->toHtml(); ?>
To open modal on link click follow devdocs tutorial
https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_modal.html
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
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
});
}
});
Hemangi Patel is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
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%2f270910%2fhow-to-display-template-file-in-popup-model-in-magento2%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
0
Try using this code to call phtml within another phtml file
<?php echo $this->getLayout()->createBlock("MagentoFrameworkViewElementTemplate")->setTemplate("Vendor_Module::notifyoutofstcoks.phtml")->toHtml(); ?>
To open modal on link click follow devdocs tutorial
https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_modal.html
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
add a comment |
0
Try using this code to call phtml within another phtml file
<?php echo $this->getLayout()->createBlock("MagentoFrameworkViewElementTemplate")->setTemplate("Vendor_Module::notifyoutofstcoks.phtml")->toHtml(); ?>
To open modal on link click follow devdocs tutorial
https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_modal.html
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
add a comment |
0
0
0
Try using this code to call phtml within another phtml file
<?php echo $this->getLayout()->createBlock("MagentoFrameworkViewElementTemplate")->setTemplate("Vendor_Module::notifyoutofstcoks.phtml")->toHtml(); ?>
To open modal on link click follow devdocs tutorial
https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_modal.html
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
Try using this code to call phtml within another phtml file
<?php echo $this->getLayout()->createBlock("MagentoFrameworkViewElementTemplate")->setTemplate("Vendor_Module::notifyoutofstcoks.phtml")->toHtml(); ?>
To open modal on link click follow devdocs tutorial
https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_modal.html
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
edited 10 mins ago
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
answered 22 mins ago
Shoaib MunirShoaib Munir
2,55821031
2,55821031
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
add a comment |
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
but how to show popup on click of the link ?? using this its shows by default whole phtml file
– Hemangi Patel
12 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
Updated my answer. Follow devdocs tutoral to use modal in order to show dialog box on link click
– Shoaib Munir
10 mins ago
add a comment |
Hemangi Patel is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Hemangi Patel is a new contributor. Be nice, and check out our Code of Conduct.
Hemangi Patel is a new contributor. Be nice, and check out our Code of Conduct.
Hemangi Patel is a new contributor. Be nice, and check out our Code of Conduct.
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.
draft saved
draft discarded
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%2f270910%2fhow-to-display-template-file-in-popup-model-in-magento2%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
1
Follow this link : stackoverflow.com/questions/43061703/…
– Sanjay Gohil
9 mins ago