Laravel 9 Tutorial #46 | Multi Vendor E-commerce | Attributes Module (II) | Add/Remove Script

In Part-46 of the Laravel 9 Tutorial to create a Multi-Vendor E-commerce Website in Laravel, we will continue working on the Attributes module.

In this video, we will create Add Products Attribute Page and going to show some Product Details like Product Code, Name, Color along with Product Image. Also, we are going to find and integrate Multiple fields Add/Remove script for product attributes.

1) Update products.blade.php file :-
First of all, we will update the products.blade.php file to add the product attributes link in the Actions column. We will copy mdi mdi-plus-box class from our Skydash admin template.

2) Create Route:-
Now we will create GET/POST Route for add-attributes in the web.php file like below:-

Route::match(['get','post'],'add-attributes/{id}','ProductsController@addAttributes');

3) Create addAttributes function :-
Now we will create addAttributes function in ProductsController and return the product data that we will get from the product id and return to the add_attributes.blade.php file.

4) Create add_attributes.blade.php file:-
Now we will create the add_attributes.blade.php file under /resources/views/admin/attributes/ folder and will show product details like Product Name, Product Code, Product Color and Product main image.

4) Search Google for Multiple Add/Remove fields script:-
Now we will search in Google for "add remove fields dynamically in jquery" so that we can add multiple attributes like multiple sizes, stock, price and there sku's. It will save our time otherwise we can also build on our own as well.

We can take help from the below website:-
https://www.codexworld.com/add-remove-input-fields-dynamically-using-jquery/

5) Update custom.js file :-
Now we will update custom.js to add the jquery script from the website that we have found in the last step.

6) Update add_attributes.blade file
Now we will update the add_attributes.blade file to add all attributes fields Size, SKU, Price and Stock with Add/Remove link.

We need to update both the add_attributes.blade.php file and custom.js vice versa so please watch in the video..

7) Update addAttributes function :-
Update addAttributes function once again to get the posted attributes and check/debug in function if we are getting complete data.

In the next video, we will continue and save products attributes in the products_attributes table after adding some conditions.

Thanks for watching :)

►Laravel 9 Tutorial (Create Multi-Vendor E-commerce Website) - https://www.youtube.com/playlist?list=PLLUtELdNs2ZYTlQ97V1Tl8mirS3qXHNFZ

►Get Ready for Laravel 9 - https://www.youtube.com/playlist?list=PLLUtELdNs2ZYVb9lco6OnloSFyBLZU3tz

►Click here to subscribe for Laravel & other updates - https://www.youtube.com/stackdevelopers

Popular Stack Developers Series that can help you:-

►Laravel Tutorial for Beginners - https://www.youtube.com/playlist?list=PLLUtELdNs2ZaHaFmydqjcQ-YyeQ19Cd6u

►GIT Tutorial for Beginners - https://www.youtube.com/playlist?list=PLLUtELdNs2ZZVQ-dLOMFWvmCCduzJ8c6R

►Laravel API Tutorial - https://www.youtube.com/playlist?list=PLLUtELdNs2ZbcCsd4yAAiBU2L3ROREk8P

►Laravel Interview Questions - https://www.youtube.com/playlist?list=PLLUtELdNs2ZbzB_1Jdp_yFcORwOfWP8RU

►jQuery Tutorial - https://www.youtube.com/playlist?list=PLLUtELdNs2ZbMYoUA46GIonOH29KcjtxA

►Laravel Basic E-commerce Series - https://www.youtube.com/playlist?list=PLLUtELdNs2ZY5drPxIWzpq5crhantlzp7

►Laravel Dating Series - https://www.youtube.com/playlist?list=PLLUtELdNs2ZZrPUnxjlomErJfNvkyS6Hf

►Join this channel to get the complete source code of all series:
https://www.youtube.com/channel/UCExO2i-tLU1NyVZD6zOJQlw/join

Follow Stack Developers on Social Media to get updates and resolve your queries
►Like Facebook Page to get updates - http://facebook.com/stackdevelopers2/
►Join Facebook Group to resolve your queries - http://facebook.com/groups/stackdevelopers
►Follow on Instagram - https://www.instagram.com/stackdevelopers2/
►Follow on GitHub - https://github.com/stackdevelopers

#laravel9 #laravel9tutorial #laravel

Видео Laravel 9 Tutorial #46 | Multi Vendor E-commerce | Attributes Module (II) | Add/Remove Script канала Stack Developers