In Part-215 of the Laravel E-commerce series, we will continue working on Exchange Order functionality like Amazon.
In this video, we will update the user order detail page to show the exchange link along with Return. Exchange link will also be shown when the product gets delivered. Users will get the choice to return or exchange the product.
1) Update order_details.blade.php file:-
We will modify the return link to add an exchange product functionality that will also be shown when the product gets delivered. We will add Return/Exchange option that user can select.
When the user will select the Exchange option, we will show another select box in which the user can select its desired product size that we will call from Ajax.
2) Update front_script.js file:-
We will now update the front_script.js file in which we will add a jQuery script to hide/show the "Required Size" select box according to the user selection.
If the user will select the Exchange option and then select Product to exchange then we will show other sizes of that Product in another select box that we will call from Ajax.
3) Create Route:-
Now create a Post route in the web.php file to get all product sizes to show in the Product exchange form that the user may select in case of Exchange.
// Get Product Sizes for Order Exchange
Route::post('get-product-sizes','OrdersController@getProductSizes');
4) Create getProductSizes function :-
Now we will create the getProductSizes function at OrdersController to get all sizes of the Product excluding the current size that the user wants to exchange. And we will show them in Exchange form that the user may opt for.
To be continued...
Join this channel to get access to complete code/support:
https://www.youtube.com/channel/UCExO2i-tLU1NyVZD6zOJQlw/join
In this video, we will update the user order detail page to show the exchange link along with Return. Exchange link will also be shown when the product gets delivered. Users will get the choice to return or exchange the product.
1) Update order_details.blade.php file:-
We will modify the return link to add an exchange product functionality that will also be shown when the product gets delivered. We will add Return/Exchange option that user can select.
When the user will select the Exchange option, we will show another select box in which the user can select its desired product size that we will call from Ajax.
2) Update front_script.js file:-
We will now update the front_script.js file in which we will add a jQuery script to hide/show the "Required Size" select box according to the user selection.
If the user will select the Exchange option and then select Product to exchange then we will show other sizes of that Product in another select box that we will call from Ajax.
3) Create Route:-
Now create a Post route in the web.php file to get all product sizes to show in the Product exchange form that the user may select in case of Exchange.
// Get Product Sizes for Order Exchange
Route::post('get-product-sizes','OrdersController@getProductSizes');
4) Create getProductSizes function :-
Now we will create the getProductSizes function at OrdersController to get all sizes of the Product excluding the current size that the user wants to exchange. And we will show them in Exchange form that the user may opt for.
To be continued...
Join this channel to get access to complete code/support:
https://www.youtube.com/channel/UCExO2i-tLU1NyVZD6zOJQlw/join
- Catégories
- E commerce Amazon
Commentaires