Ttdfjt

Repeating redundant information after dialogues, to avoid or not?

Why did my rum cake turn black?

How to query contacts with no cases, opportunities etc

What is this welding tool I found in my attic?

Correct use of ergeben?

How can one write good dialogue in a story without sounding wooden?

A DVR algebra with weird automorphisms

Why did the Japanese attack the Aleutians at the same time as Midway?

'rm' (delete) thousands of files selectively

Is purchasing foreign currency before going abroad a losing proposition?

Why do players in the past play much longer tournaments than today's top players?

Redirect https to fqdn

Are neural networks prone to catastrophic forgetting?

Would letting a multiclass character rebuild their character to be single-classed be game-breaking?

Who Can Help Retag This?

Why isn't there research to build a standard lunar, or Martian mobility platform?

How can an advanced civilization forget how to manufacture its technology?

What can the U.S. government do to prevent powerful people to get extremely favorable plea bargain deals like Jeff Epstein?

Why does the autopilot disengage even when it does not receive pilot input?

Realistic melange - Part 1: Formation

Referring to different instances of the same character in time travel

Creating custom objects with custom properties using generics

How can I deal with a player trying to insert real-world mythology into my homebrew setting?

As a DM, how to avoid unconscious metagaming when dealing with a high AC character?

Use a dropdown select for the shipping address on the Onepage Checkout

Magento 2.3 : Use a dropdown select for the shipping address on the Onepage CheckoutSelect and create shipping address in custom viewOnepage checkout - Load last used billing addressOnepage Checkout - Displaying Billing/Shipping Address (Outside Progress Sidebar)Magento 2 Change Billing Address format from select dropdown to box as the Shipping address formatCE 1.9.2 - Onepage checkout - merge shipping address and method into one stepMagento 2 : Implement update functionality of new customer billing address on place order button in checkout pageAdd a CSS class with Knockout JSChange default behaviour for address selection in checkoutMagento 2 : From where (PHP) is the checkout billing address options drop down being populated?M2.2.4 Checkout: Adding New Shipping Address automatically sets address as Billing AddressMagento 2.3 : Use a dropdown select for the shipping address on the Onepage Checkout

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

4

In Magento 2, I would like to be able to select the shipping address with a dropdown, similar to how you can if you choose to change the billing address.

This is how it currently works:

I would like it to work similarly to when you change the billing address, with a dropdown:

I can see the dropdown for the billing address is set in:
app/code/Magento/Checkout/view/frontend/web/template/billing-address/list.html

But I can't find the knockout template for the shipping address section, I thought it would be on of the files in:
app/code/Magento/Checkout/view/frontend/web/template/shipping-information/

or
app/code/Magento/Checkout/view/frontend/web/template/shipping-information/

But I couldn't find any here which worked.

Any ide

magento2 layout onepage-checkout knockoutjs

share|improve this question

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  any module there for shipping section dropdown?
  
  – Prashant Patel
  Dec 28 '18 at 10:10
  
  

  
  
  
  

add a comment | 

4

In Magento 2, I would like to be able to select the shipping address with a dropdown, similar to how you can if you choose to change the billing address.

This is how it currently works:

I would like it to work similarly to when you change the billing address, with a dropdown:

I can see the dropdown for the billing address is set in:
app/code/Magento/Checkout/view/frontend/web/template/billing-address/list.html

But I can't find the knockout template for the shipping address section, I thought it would be on of the files in:
app/code/Magento/Checkout/view/frontend/web/template/shipping-information/

or
app/code/Magento/Checkout/view/frontend/web/template/shipping-information/

But I couldn't find any here which worked.

Any ide

magento2 layout onepage-checkout knockoutjs

share|improve this question

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  any module there for shipping section dropdown?
  
  – Prashant Patel
  Dec 28 '18 at 10:10
  
  

  
  
  
  

add a comment | 

In Magento 2, I would like to be able to select the shipping address with a dropdown, similar to how you can if you choose to change the billing address.

This is how it currently works:

I would like it to work similarly to when you change the billing address, with a dropdown:

I can see the dropdown for the billing address is set in:
app/code/Magento/Checkout/view/frontend/web/template/billing-address/list.html

But I can't find the knockout template for the shipping address section, I thought it would be on of the files in:
app/code/Magento/Checkout/view/frontend/web/template/shipping-information/

or
app/code/Magento/Checkout/view/frontend/web/template/shipping-information/

But I couldn't find any here which worked.

Any ide

magento2 layout onepage-checkout knockoutjs

share|improve this question

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

share|improve this question

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

share|improve this question

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

asked May 12 '17 at 11:06

HollyHolly

2,40433 gold badges3939 silver badges8787 bronze badges

1 Answer
1

active

oldest

votes

2

The templates for shipping address section are here :

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/list.html

and

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/address-renderer/default.html

You can override the same in your theme like this app/design/frontend/Vendor/theme/Magento_Checkout/web/template/shipping-address/list.html

As you wish to list the addresses in select dropdown you need to change the code like this:

<div class="field field-select-shipping">
 <div class="control" >
 <select class="select" name="shipping_address_id" data-bind="
 options: addressOptions,
 optionsText: addressOptionsText,
 optionsValue: addressOptionsValue,
 value: selectedAddress,
 selectedOptions: selectedAddress,
 event: change: selectAddress(selectedAddress());
 "></select>
 </div>
</div>

The js files are located here:

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/list.js

and

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/address-renderer/default.js

You can override the same like this:
app/design/frontend/Vendor/theme/Magento_Checkout/web/js/view/shipping-address/list.js

You can refer to this file vendor/magento/module-checkout/view/frontend/web/js/view/billing-address.js for writing functions like addressOptions, addressOptionsText etc.

share|improve this answer

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That's what I thought at first too, those were the template files I mentioned in my question. But when I override them in my theme and clear the cache, nothing changes
  
  – Holly
  May 12 '17 at 13:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  actually, got it working. It was just the cache, but when I add your code I just get an empty select box
  
  – Holly
  May 12 '17 at 14:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, as I mentioned you also need to write those functions called in the list.hyml file to get the values. You said you got it working. How did you do ?
  
  – Sejal Shah
  May 14 '17 at 5:06
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is any one can got the output
  
  – Ramesh
  Aug 1 '17 at 6:50
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @SejalShah what change js file please suggest me.
  
  – HIren Kadivar
  Mar 26 at 11:14
  

  
  
  
  

 | 
show 1 more 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
);



);

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

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f174194%2fuse-a-dropdown-select-for-the-shipping-address-on-the-onepage-checkout%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

2

The templates for shipping address section are here :

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/list.html

and

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/address-renderer/default.html

You can override the same in your theme like this app/design/frontend/Vendor/theme/Magento_Checkout/web/template/shipping-address/list.html

As you wish to list the addresses in select dropdown you need to change the code like this:

<div class="field field-select-shipping">
 <div class="control" >
 <select class="select" name="shipping_address_id" data-bind="
 options: addressOptions,
 optionsText: addressOptionsText,
 optionsValue: addressOptionsValue,
 value: selectedAddress,
 selectedOptions: selectedAddress,
 event: change: selectAddress(selectedAddress());
 "></select>
 </div>
</div>

The js files are located here:

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/list.js

and

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/address-renderer/default.js

You can override the same like this:
app/design/frontend/Vendor/theme/Magento_Checkout/web/js/view/shipping-address/list.js

You can refer to this file vendor/magento/module-checkout/view/frontend/web/js/view/billing-address.js for writing functions like addressOptions, addressOptionsText etc.

share|improve this answer

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That's what I thought at first too, those were the template files I mentioned in my question. But when I override them in my theme and clear the cache, nothing changes
  
  – Holly
  May 12 '17 at 13:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  actually, got it working. It was just the cache, but when I add your code I just get an empty select box
  
  – Holly
  May 12 '17 at 14:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, as I mentioned you also need to write those functions called in the list.hyml file to get the values. You said you got it working. How did you do ?
  
  – Sejal Shah
  May 14 '17 at 5:06
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is any one can got the output
  
  – Ramesh
  Aug 1 '17 at 6:50
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @SejalShah what change js file please suggest me.
  
  – HIren Kadivar
  Mar 26 at 11:14
  

  
  
  
  

 | 
show 1 more comment

2

The templates for shipping address section are here :

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/list.html

and

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/address-renderer/default.html

You can override the same in your theme like this app/design/frontend/Vendor/theme/Magento_Checkout/web/template/shipping-address/list.html

As you wish to list the addresses in select dropdown you need to change the code like this:

<div class="field field-select-shipping">
 <div class="control" >
 <select class="select" name="shipping_address_id" data-bind="
 options: addressOptions,
 optionsText: addressOptionsText,
 optionsValue: addressOptionsValue,
 value: selectedAddress,
 selectedOptions: selectedAddress,
 event: change: selectAddress(selectedAddress());
 "></select>
 </div>
</div>

The js files are located here:

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/list.js

and

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/address-renderer/default.js

You can override the same like this:
app/design/frontend/Vendor/theme/Magento_Checkout/web/js/view/shipping-address/list.js

You can refer to this file vendor/magento/module-checkout/view/frontend/web/js/view/billing-address.js for writing functions like addressOptions, addressOptionsText etc.

share|improve this answer

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That's what I thought at first too, those were the template files I mentioned in my question. But when I override them in my theme and clear the cache, nothing changes
  
  – Holly
  May 12 '17 at 13:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  actually, got it working. It was just the cache, but when I add your code I just get an empty select box
  
  – Holly
  May 12 '17 at 14:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, as I mentioned you also need to write those functions called in the list.hyml file to get the values. You said you got it working. How did you do ?
  
  – Sejal Shah
  May 14 '17 at 5:06
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is any one can got the output
  
  – Ramesh
  Aug 1 '17 at 6:50
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @SejalShah what change js file please suggest me.
  
  – HIren Kadivar
  Mar 26 at 11:14
  

  
  
  
  

 | 
show 1 more comment

The templates for shipping address section are here :

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/list.html

and

vendor/magento/module-checkout/view/frontend/web/template/shipping-address/address-renderer/default.html

You can override the same in your theme like this app/design/frontend/Vendor/theme/Magento_Checkout/web/template/shipping-address/list.html

As you wish to list the addresses in select dropdown you need to change the code like this:

<div class="field field-select-shipping">
 <div class="control" >
 <select class="select" name="shipping_address_id" data-bind="
 options: addressOptions,
 optionsText: addressOptionsText,
 optionsValue: addressOptionsValue,
 value: selectedAddress,
 selectedOptions: selectedAddress,
 event: change: selectAddress(selectedAddress());
 "></select>
 </div>
</div>

The js files are located here:

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/list.js

and

vendor/magento/module-checkout/view/frontend/web/js/view/shipping-address/address-renderer/default.js

You can override the same like this:
app/design/frontend/Vendor/theme/Magento_Checkout/web/js/view/shipping-address/list.js

You can refer to this file vendor/magento/module-checkout/view/frontend/web/js/view/billing-address.js for writing functions like addressOptions, addressOptionsText etc.

share|improve this answer

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges

<div class="field field-select-shipping">
 <div class="control" >
 <select class="select" name="shipping_address_id" data-bind="
 options: addressOptions,
 optionsText: addressOptionsText,
 optionsValue: addressOptionsValue,
 value: selectedAddress,
 selectedOptions: selectedAddress,
 event: change: selectAddress(selectedAddress());
 "></select>
 </div>
</div>

share|improve this answer

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges

answered May 12 '17 at 11:50

Sejal ShahSejal Shah

1,11066 silver badges2424 bronze badges