Magento 2 : Which view model or Observable pulls shipping address data on payment page?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
I see that following code from shipping-information template is used to display shipping address on checkout#payment page but unable to understand which Magento 2 PhP Model or knockout view model is getting this data. I know that this data comes from address tables but what I would like to understand is the middle man that's getting the data since I see the DB table and fronte-end code, but not the code that's fetching it.
<!-- ko foreach: getRegion('ship-to') -->
<!-- ko template: getTemplate() -->
<!--/ko-->
<!--/ko-->
Any clues gurus?
Alan Storm has a good to post to understand what's going on from shipping to payment page, which is very helpful in case anyone needs it.
Magento 2 checkout - Shipping to Payment
magento2 checkout shipping knockoutjs
edited 6 mins ago
Vivek Kumar
2,5772729
asked Mar 29 at 14:13
cnucnu
736
add a comment |
I see that following code from shipping-information template is used to display shipping address on checkout#payment page but unable to understand which Magento 2 PhP Model or knockout view model is getting this data. I know that this data comes from address tables but what I would like to understand is the middle man that's getting the data since I see the DB table and fronte-end code, but not the code that's fetching it.
<!-- ko foreach: getRegion('ship-to') -->
<!-- ko template: getTemplate() -->
<!--/ko-->
<!--/ko-->
Any clues gurus?
Alan Storm has a good to post to understand what's going on from shipping to payment page, which is very helpful in case anyone needs it.
Magento 2 checkout - Shipping to Payment
magento2 checkout shipping knockoutjs
edited 6 mins ago
Vivek Kumar
2,5772729
asked Mar 29 at 14:13
cnucnu
736
I hope it helps! inviqa.com/blog/using-knockout-js-magento-2
– Chirag Patel
Mar 30 at 12:15
cloudways.com/blog/knockoutjs-in-magento-2
– Chirag Patel
Mar 30 at 12:15
Thanks Chirag. I read through above posts and I do understand how knockoutjs bindings are working for given examples, but I don't see similar code for this Magento 2 scenario. Am I missing anything? Please comment if you know OOB Magento 2 code that's responsible for this since I couldn't find it.
– cnu
Apr 1 at 13:58
Do you want to know how template binding works in general or its core implementation?
– Vivek Kumar
2 days ago
I would like to know where to find the implementation for 'ship-to' address view model code in OOB Magento 2.2.x code to fix a bug we have when displaying the shipping address.
– cnu
2 days ago
add a comment |
I see that following code from shipping-information template is used to display shipping address on checkout#payment page but unable to understand which Magento 2 PhP Model or knockout view model is getting this data. I know that this data comes from address tables but what I would like to understand is the middle man that's getting the data since I see the DB table and fronte-end code, but not the code that's fetching it.
<!-- ko foreach: getRegion('ship-to') -->
<!-- ko template: getTemplate() -->
<!--/ko-->
<!--/ko-->
Any clues gurus?
Alan Storm has a good to post to understand what's going on from shipping to payment page, which is very helpful in case anyone needs it.
Magento 2 checkout - Shipping to Payment
magento2 checkout shipping knockoutjs
edited 6 mins ago
Vivek Kumar
2,5772729
asked Mar 29 at 14:13
cnucnu
736
I see that following code from shipping-information template is used to display shipping address on checkout#payment page but unable to understand which Magento 2 PhP Model or knockout view model is getting this data. I know that this data comes from address tables but what I would like to understand is the middle man that's getting the data since I see the DB table and fronte-end code, but not the code that's fetching it.
<!-- ko foreach: getRegion('ship-to') -->
<!-- ko template: getTemplate() -->
<!--/ko-->
<!--/ko-->
Any clues gurus?
Alan Storm has a good to post to understand what's going on from shipping to payment page, which is very helpful in case anyone needs it.
Magento 2 checkout - Shipping to Payment
magento2 checkout shipping knockoutjs
magento2 checkout shipping knockoutjs
edited 6 mins ago
Vivek Kumar
2,5772729
asked Mar 29 at 14:13
cnucnu
736
edited 6 mins ago
Vivek Kumar
2,5772729
asked Mar 29 at 14:13
cnucnu
736
edited 6 mins ago
Vivek Kumar
2,5772729
edited 6 mins ago
Vivek Kumar
2,5772729
edited 6 mins ago
Vivek Kumar
2,5772729
2,5772729
asked Mar 29 at 14:13
cnucnu
736
asked Mar 29 at 14:13
cnucnu
736
asked Mar 29 at 14:13
cnucnu
736
736
I hope it helps! inviqa.com/blog/using-knockout-js-magento-2
– Chirag Patel
Mar 30 at 12:15
cloudways.com/blog/knockoutjs-in-magento-2
– Chirag Patel
Mar 30 at 12:15
Thanks Chirag. I read through above posts and I do understand how knockoutjs bindings are working for given examples, but I don't see similar code for this Magento 2 scenario. Am I missing anything? Please comment if you know OOB Magento 2 code that's responsible for this since I couldn't find it.
– cnu
Apr 1 at 13:58
Do you want to know how template binding works in general or its core implementation?
– Vivek Kumar
2 days ago
I would like to know where to find the implementation for 'ship-to' address view model code in OOB Magento 2.2.x code to fix a bug we have when displaying the shipping address.
– cnu
2 days ago
add a comment |
I hope it helps! inviqa.com/blog/using-knockout-js-magento-2
– Chirag Patel
Mar 30 at 12:15
cloudways.com/blog/knockoutjs-in-magento-2
– Chirag Patel
Mar 30 at 12:15
Thanks Chirag. I read through above posts and I do understand how knockoutjs bindings are working for given examples, but I don't see similar code for this Magento 2 scenario. Am I missing anything? Please comment if you know OOB Magento 2 code that's responsible for this since I couldn't find it.
– cnu
Apr 1 at 13:58
Do you want to know how template binding works in general or its core implementation?
– Vivek Kumar
2 days ago
I would like to know where to find the implementation for 'ship-to' address view model code in OOB Magento 2.2.x code to fix a bug we have when displaying the shipping address.
– cnu
2 days ago
I hope it helps! inviqa.com/blog/using-knockout-js-magento-2
– Chirag Patel
Mar 30 at 12:15
I hope it helps! inviqa.com/blog/using-knockout-js-magento-2
– Chirag Patel
Mar 30 at 12:15
cloudways.com/blog/knockoutjs-in-magento-2
– Chirag Patel
Mar 30 at 12:15
cloudways.com/blog/knockoutjs-in-magento-2
– Chirag Patel
Mar 30 at 12:15
Thanks Chirag. I read through above posts and I do understand how knockoutjs bindings are working for given examples, but I don't see similar code for this Magento 2 scenario. Am I missing anything? Please comment if you know OOB Magento 2 code that's responsible for this since I couldn't find it.
– cnu
Apr 1 at 13:58
Thanks Chirag. I read through above posts and I do understand how knockoutjs bindings are working for given examples, but I don't see similar code for this Magento 2 scenario. Am I missing anything? Please comment if you know OOB Magento 2 code that's responsible for this since I couldn't find it.
– cnu
Apr 1 at 13:58
Do you want to know how template binding works in general or its core implementation?
– Vivek Kumar
2 days ago
Do you want to know how template binding works in general or its core implementation?
– Vivek Kumar
2 days ago
I would like to know where to find the implementation for 'ship-to' address view model code in OOB Magento 2.2.x code to fix a bug we have when displaying the shipping address.
– cnu
2 days ago
I would like to know where to find the implementation for 'ship-to' address view model code in OOB Magento 2.2.x code to fix a bug we have when displaying the shipping address.
– cnu
2 days ago
add a comment |
1 Answer
1
active
oldest
votes
<!-- ko foreach: getRegion('ship-to') -->
invokes the following piece of code from checkout_index_index.xml layout file
<item name="displayArea" xsi:type="string">shipping-information</item>
<item name="children" xsi:type="array">
<item name="ship-to" xsi:type="array">
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
<item name="displayArea" xsi:type="string">ship-to</item>
</item>
</item>
It essentially asks to load uiComponent corresponding to the region i.e Magento_Checkout/js/view/shipping-information/list and loop and render through all its children.
<!-- ko template: getTemplate() -->
renders HTML templates corresponding to each component, you can know template for a uiComponent by looking into its code. For eg. for current uiComponent i.e
Magento_Checkout/view/frontend/web/js/view/shipping-address/list.js following code tells us that the template for it is Magento_Checkout/shipping-address/list.html located under view/frontend/web/template/shipping-address directory.
return Component.extend({
defaults: {
template: 'Magento_Checkout/shipping-address/list',
visible: addressList().length > 0,
rendererTemplates:
},
Please feel free to ask any questions.
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours 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
});
}
});
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%2f267982%2fmagento-2-which-view-model-or-observable-pulls-shipping-address-data-on-paymen%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
<!-- ko foreach: getRegion('ship-to') -->
invokes the following piece of code from checkout_index_index.xml layout file
<item name="displayArea" xsi:type="string">shipping-information</item>
<item name="children" xsi:type="array">
<item name="ship-to" xsi:type="array">
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
<item name="displayArea" xsi:type="string">ship-to</item>
</item>
</item>
It essentially asks to load uiComponent corresponding to the region i.e Magento_Checkout/js/view/shipping-information/list and loop and render through all its children.
<!-- ko template: getTemplate() -->
renders HTML templates corresponding to each component, you can know template for a uiComponent by looking into its code. For eg. for current uiComponent i.e
Magento_Checkout/view/frontend/web/js/view/shipping-address/list.js following code tells us that the template for it is Magento_Checkout/shipping-address/list.html located under view/frontend/web/template/shipping-address directory.
return Component.extend({
defaults: {
template: 'Magento_Checkout/shipping-address/list',
visible: addressList().length > 0,
rendererTemplates:
},
Please feel free to ask any questions.
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours ago
add a comment |
<!-- ko foreach: getRegion('ship-to') -->
invokes the following piece of code from checkout_index_index.xml layout file
<item name="displayArea" xsi:type="string">shipping-information</item>
<item name="children" xsi:type="array">
<item name="ship-to" xsi:type="array">
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
<item name="displayArea" xsi:type="string">ship-to</item>
</item>
</item>
It essentially asks to load uiComponent corresponding to the region i.e Magento_Checkout/js/view/shipping-information/list and loop and render through all its children.
<!-- ko template: getTemplate() -->
renders HTML templates corresponding to each component, you can know template for a uiComponent by looking into its code. For eg. for current uiComponent i.e
Magento_Checkout/view/frontend/web/js/view/shipping-address/list.js following code tells us that the template for it is Magento_Checkout/shipping-address/list.html located under view/frontend/web/template/shipping-address directory.
return Component.extend({
defaults: {
template: 'Magento_Checkout/shipping-address/list',
visible: addressList().length > 0,
rendererTemplates:
},
Please feel free to ask any questions.
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours ago
add a comment |
<!-- ko foreach: getRegion('ship-to') -->
invokes the following piece of code from checkout_index_index.xml layout file
<item name="displayArea" xsi:type="string">shipping-information</item>
<item name="children" xsi:type="array">
<item name="ship-to" xsi:type="array">
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
<item name="displayArea" xsi:type="string">ship-to</item>
</item>
</item>
It essentially asks to load uiComponent corresponding to the region i.e Magento_Checkout/js/view/shipping-information/list and loop and render through all its children.
<!-- ko template: getTemplate() -->
renders HTML templates corresponding to each component, you can know template for a uiComponent by looking into its code. For eg. for current uiComponent i.e
Magento_Checkout/view/frontend/web/js/view/shipping-address/list.js following code tells us that the template for it is Magento_Checkout/shipping-address/list.html located under view/frontend/web/template/shipping-address directory.
return Component.extend({
defaults: {
template: 'Magento_Checkout/shipping-address/list',
visible: addressList().length > 0,
rendererTemplates:
},
Please feel free to ask any questions.
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
<!-- ko foreach: getRegion('ship-to') -->
invokes the following piece of code from checkout_index_index.xml layout file
<item name="displayArea" xsi:type="string">shipping-information</item>
<item name="children" xsi:type="array">
<item name="ship-to" xsi:type="array">
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
<item name="displayArea" xsi:type="string">ship-to</item>
</item>
</item>
It essentially asks to load uiComponent corresponding to the region i.e Magento_Checkout/js/view/shipping-information/list and loop and render through all its children.
<!-- ko template: getTemplate() -->
renders HTML templates corresponding to each component, you can know template for a uiComponent by looking into its code. For eg. for current uiComponent i.e
Magento_Checkout/view/frontend/web/js/view/shipping-address/list.js following code tells us that the template for it is Magento_Checkout/shipping-address/list.html located under view/frontend/web/template/shipping-address directory.
return Component.extend({
defaults: {
template: 'Magento_Checkout/shipping-address/list',
visible: addressList().length > 0,
rendererTemplates:
},
Please feel free to ask any questions.
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
answered 16 hours ago
Vivek KumarVivek Kumar
2,5772729
2,5772729
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours ago
add a comment |
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours ago
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours ago
this is great information, I kind of got it but my understanding is much better now. At the end what I am trying to understand is the helper or Block that's getting 'ship-to' address information from the DB. Any idea on which code is doing in OOB Magento 2 code?
– cnu
12 hours ago
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%2f267982%2fmagento-2-which-view-model-or-observable-pulls-shipping-address-data-on-paymen%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
I hope it helps! inviqa.com/blog/using-knockout-js-magento-2
– Chirag Patel
Mar 30 at 12:15
cloudways.com/blog/knockoutjs-in-magento-2
– Chirag Patel
Mar 30 at 12:15
Thanks Chirag. I read through above posts and I do understand how knockoutjs bindings are working for given examples, but I don't see similar code for this Magento 2 scenario. Am I missing anything? Please comment if you know OOB Magento 2 code that's responsible for this since I couldn't find it.
– cnu
Apr 1 at 13:58
Do you want to know how template binding works in general or its core implementation?
– Vivek Kumar
2 days ago
I would like to know where to find the implementation for 'ship-to' address view model code in OOB Magento 2.2.x code to fix a bug we have when displaying the shipping address.
– cnu
2 days ago