In this tutorial, our focus will be on enhancing the user experience by displaying the shipping address drop-down within the ship-to section on the checkout payment page. This will be accomplished by modifying the edit action at ship-to section. By clicking the edit action, customers will have access to a drop-down containing their shipping addresses. Guest user or customer with no address cannot see this section.
Chapters:
0:00 Introduction
0:33 Getting started
1:00 Creating shipping-information component Mixin
2:19 Extending the template files
3:10 Creating the child template
3:29 Creating address options property
4:28 Creating drop-down
5:48 Modifying the back action method
6:56 Customizing the drop-down options text
7:20 Add Update Action to update the address selection
8:31 Fixing the newly created address issue in drop-down listing
11:28 Add the edit action for new address
15:10 Updating the shipping information when new address is updated
17:16 Using links linking property
20:51 Fixing the navigation using step-navigator
21:51 Adding new address action
23:20 Guest user or customer with no address list