Одну секунду
Что-то сучилось. Попробуйте еще раз.
Make admin panel in laravel 5.6 смотреть последние обновления за сегодня на .
NOTE: NO SOUND IN FIRST FEW VIDEOS In the 1st Part of tutorial, Install Laravel 5.6 and Download some Free Admin Template. 1) Install Laravel 5.6 :- Follow our another tutorial to install Laravel 5.6: 🤍 Every time when you give "laravel new sitename" command, it will install new stable version of Laravel available but if you want to install Laravel 5.6, run below command :- composer create-project prefer-dist laravel/laravel sitename "5.6.*" 2) Download any free admin template by searching on internet. We have downloaded Matrix Admin Panel template from link: 🤍 Next Video | Part 2 :- 🤍 Please join the channel as premium member to get full support/code to learn Laravel :- 🤍 Benefits of joining channel as premium member :- Get Basic E-commerce Website code in Laravel 5.6/5.7/5.8/6.0 Get Advance E-commerce Website code in Laravel 6.0/7.0 Get Invitation to join in Live Sessions, one to one interaction and clear doubts Loyalty badges next to your name in comments and live chat Full support given to resolve issues Get help for other Laravel projects Required code will be shared Laravel tips and new features Connect on Social Media Please Join now and Support the Channel :- 🤍
Previous Video: 🤍 In Part 3, we have created HTML view part of login page for Admin by setting paths of CSS, JS and Images in Laravel. We have created Controller, View and Route for login. In video, we have taken the following steps :- 1) Created AdminController file for login and that can also be used later on for other admin pages. We can create AdminController file from comand prompt itself by running command: php artisan make:controller AdminController Now our AdminController file is created (see video). 2) In next step, we have opened this file and created login function. In login function, we just returning it to view page that we create it in admin folder in views folder, admin folder itself we need to create in views folder. 3) So we have created admin folder in views folder and then create admin_login.blade.php file in which we have copied all content of login.html file located at Matrix Admin Template. 4) So, now in video, you can see in admin_login.blade.php file, we have copied complete login.html content located at Matrix admin template. 5) Now we have created Route for admin login Route::get('/admin','AdminController🤍login'); 6) Now we have corrected paths of CSS, JS and images to correct the view of the login page of admin. See in video, Login Page of Matrix Admin is ready in our Laravel project. In Part 4, we will add the functionality in this Login page we have created so that we can login into the admin panel. Thanks for watching :) Next Video | Part 4: 🤍
Previous Video: 🤍 In Part 6, we have created dashboard page of admin, set its header and footer that we will also use for other pages of admin later on and finally reached dashboard page from login page. 1) Layout Structure :- Structure is very important now that we will use for all pages of admin and for front as well later on, and that must be clear. So we have taken below steps in video :- First in layouts folder in views folder, we have created below folders :- i) frontLayout ii) adminLayout frontLayout folder contains all the common files for front end like header, footer that we will see later on. adminLayout contains all common files for admin; so we have created header, footer for admin and stored in this folder. So, in adminLayout folder, we have created below files :- admin_design.blade.php (this file contain complete html design of admin; contain header, footer and sidebar) admin_header.blade.php (admin header part) admin_footer.blade.php (admin footer part) admin_sidebar.blade.php (admin sidebar part) 2) Work on admin_design.blade.php: Now we have copied dashboard file from Matrix admin to this file and then included header, footer and sidebar pages. Now we have cut header part from admin_design.blade.php and paste into admin_header.blade.php that we have created. And included that header file in admin_header.blade.php like: 🤍include('layouts.adminLayout.admin_header') In the same way, we have added content in other files; footer and sidebar and included then in admin_design file.. So it must be clear now that admin_design file contains all common files that we have created. For main content, we have created another file dashboard.blade.php and kept it in admin folder where we earlier kept admin_login.blade.php And for including dashboard.blade.php file, we have used below code: 🤍yield('content') And in dashboard.blade.php, we have done like below: 🤍extends('layouts.adminLayout.admin_design') 🤍section('content') - content will come- 🤍endsection 3) Set CSS, JS and copy into related folders :- Now we set all CSS, JS and images and make sure all files are included in our laravel folders. 4) Create Route for dashboard Route::get('/admin/dashboard','AdminController🤍dashboard'); 5) Create dashboard funtion/method in AdminController.php Now we check the missing files from console and worked to add them all... See in video, logo also coming and most of the components are displaying now.. Now we have reached dashboard page from login when our login detail is correct.. Make sure to debug the code if error comes.. some kind of error always come when we do coding.. and I am also learning with you.. so try to resolve if error comes.. it can take time but issue will surely resolve when you make effort.. In the next video, we will also logout from admin and display error message if our login details incorrect.. Stay tune for next video.. thanks for watching... Next Video | Part 7: 🤍
Previous Video :- 🤍 In this video, we have used Laravel default login process that we have created in last video with migration for Matrix admin login. 1) Update Users table : First of all, we have updated users table that we have created last time. We have added one more admin column that we will update for admin only. We have updated our earlier user record with data 1 in 'admin' column. 2) Update admin_login.blade.php : Now we have updated login form that we have copied from Matrix admin. We set form action and also added csrf_field that will generate security token for validating form. Now updated email, password fields and submit button in form. 3) Update Route: web.php :- We have updated the admin route that we have created last time with POST method as well. 4) Update login function :- Now in AdminController.php, we have updated our login function. i) First we have added if condition to check if login form submitted. ii)And then we have used Auth::attempt to check if admin email, password is correct and user actually is admin. 5) Add Header :- Also add header "use Auth;" at the top of AdminController.php file. See in video, now our login process is working fine. It will show "Success" message if we login with our earlier user that we have created with email amitphpprogrammer🤍gmail.com and updated its admin column to 1. But for other users, we have not updated admin column, that's why can't able to login with other users. In next video, we will login and set header, footer and home page of Matrix Admin dashboard. Thanks for watching :) Next Video | Part 6 :- 🤍
Previous Video: 🤍 In Part 8, we protect our admin routes. In video, we protect our dashboard route so that no one can access it without logging into admin. There are two approaches to protect our routes :- 1) With Sessions 2) With Middleware 1) With Sessions :- We have started admin session at the time of successful login and then compared that Session variable in every admin function like in dashboard function in our case. This approach is the simplest approach that we used in most cases. In AdminController.php file, we have modified our login function. We have added adminSession at the time of Successful login. We have used Session::put method for creating the Session variable adminSession and assigned username to it. Then we have compared this in dashboard function to check if adminSession exists or not. If exists then would execute dashboard tasks otherwise would redirect back to admin login. See in video, after implementing this approach, "Please login to access" message has come when we tried to access dashboard page without login.. we couldn't able to access dashboard page directly. We have also done it with our 2nd way i.e. with Middleware 2) Middleware :- Middleware we basically use for User's authentication in Laravel. So here we have used for our Admin authentication, you can say protection. We have added Route::group syntax in our Route file "web.php" that contain all our admin routes that needs protection. Also, we have made changes in RedirectifAuthenticated.php file of Laravel from where we have redirected to our login page if we directly tried accessing any admin page like dashboard without logging in. In video, We have disabled our earlier approach and then done with this Middleware approach successfully. No need to make any changes in functions now.. See in video, we have done with it as well.. Hope everything is clear. Please share your views and ask if something not clear.. Thanks for watching :) Stay tune for next video.. Next Video | Part 9: 🤍
Previous Video: 🤍 In Part 4, We have configured default Laravel login process by using Laravel Migration. Laravel Migrations provide us the mechanism for creating and modifying database tables. So in video, we have created database first, then created users table with "php artisan migrate" command and then register/login with it. Later on we will use Matrix Admin login in this process. 1) Create Database :- We have first created database with name 'Sample'. 2) Update .env file :- Now we have updated .env file to configure our database connection. 3) Create Users table :- Now we have run some commands to create users table in database and then will create login/register pages also with another auth related command. i) php artisan migrate Run this command to create users table. If it gives error then check your database settings that you have given in .env file. After running this command, Migration tables automatically created in which users table also there. Now we will run another command :- ii) php artisan make:auth This command will create default login/register pages that we will later use for our admin Matrix login. If some error comes in the process then do search on Google for it.. If homestead user error comes to you then make sure to clear your Laravel cache by below command :- php artisan config:clear and then restart Laravel and run php artisan serve command again to run it. It will work fine then. See in video, we able to login/register successfully with the default login/register process of Laravel that we have configured. In Part 5, we will embed this login system in Matrix Login. We will use the users table for it that we have created and will also add one more column for admin/users. So stay tune for next video. Thank you for watching :) Next Video | Part 5: 🤍
Previous Video: 🤍 In Part 9, we have created settings page for our admin panel. In settings page, we have created update password form from where admin can update password of admin panel. 1) Create settings.blade.php :- First we have created blade file for it. We have created settings.blade.php file similar to dashboard.blade.php file that we have created earlier on. See in video, we have copied the content from dashboard.blade.php and just kept header part with footer part that included the admin design. And main part we have copied from validation.html page from matrix admin. We have just kept Password fields and removed all unwanted data. 2) Create Route :- Now we have updated web.php with another Route for settings.blade.php Route::get('/admin/settings','AdminController🤍settings'); We also kept this route in Route::group as well that we have created from middleware to protect it from unauthorized access. 3) Create function :- Now we have created settings function in AdminController.php file. See in video, settings page is ready but password form validation is not working. 4) Copy Javascript :- Now we have copied all required javascripts that is required to run validations. We have removed all unnecessary javascripts that are not required for now and kept javascripts from form-validation.html page only. In admin_design.blade.php file, we have removed all javascripts and added again from form-validations.html from Matrix admin. Now see in video, all validations are working properly. Also, check settings page will not open directly as we have added its route in Route::group Middleware. Now we have given link to Settings at header of admin. Now we have updated HTML of Settings page. We have kept passwords fields, rename them and added Current Password field as well. See our form has been updated. We have added Current Password, New Password and Confirm Password fields. But validations stop working as we have renamed their id's. We always have to use some meaningful names and id's that will be useful for us in future. Now we have updated validations for these fields and also added Current Password field validation in matrix javascript file. Update file matrix.form_validation.js located in js folder in backend files. See now validations started working again after correcting the js. In next video, we will check if our Current Password is correct or not. We will check in Ajax and display message with Current Password field. And then update the password functionality. Simply open the link below to get complete code located on Git :- 🤍 Thanks a lot for watching.. Stay tune for next video :) Next Video | Part 10: 🤍
Previous Video: 🤍 In Part 11, we have finally updated our admin password. 1) Update Settings.blade.php file :- First we have updated Password form with action and CSRF token. See action we added like action = "{{ url ('/admin/update-pwd')}}" And, CSRF like {{ csrf_field() }} 2) Update web.php Now we have added Route for our update password form. This time we have added both GET/POST method in route like below: Route::match(['get','post'],'/admin/update-pwd','AdminController🤍updatePassword'); See, we have added this route in Route::group only so that no one can access it directly without login. 3) Update AdminController.php file :- Now we have added updatePassword function in which we have again checked current password and if correct then we updated it and return to settings page with success message otherwise we have displayed error message. See last time we have passed current password in Ajax to check if it is correct or not but this time we have checked in Laravel PHP function and updated new password if current password is correct. 4) Update Settings.blade.php file again :- Now we have displayed error or success message above password form like we have displayed in admin login form earlier. See in video, now we have updated admin password. And message comes if it successfully updated. We have also displayed the current password incorrect message instantly by using keyup jquery event on current_pwd id. See now in video, message coming instantly password is correct or not. That's all in update password thing in admin. Now we will move forward to do bigger things.. We will start working on CRUD; Create, Update and Delete.. From next video, we will start making E-commerce website. First we will make categories section in which we will use all CRUD operations one by one. Stay tune for our next video.. Thanks for watching :) Next Video | Ecom Part 1: 🤍
In Part-92, we are going to do some major changes to resolve one issue that we are facing when we login to admin, we automatically login at front as well with that admin user. So for resolving this, we will create separate table for admin logins and we will login from there. 1) Create admins table :- Create admins table with below columns and data types :- id (int) (primary) (unique) username (varchar, 255) password (varchar, 255) status (tinyint) created_at (datetime) updated_at (timestamp) After creating above table, insert one row with username and password with MD5 like shown in video. 2) Create "Admin.php" model :- Create "Admin.php" model with below artisan command :- php artisan make:model Admin 3) Update "login" function :- Now update "login" function in AdminController. We need to check from admins table instead of users table so we need to replace query and other code as shown in video. 4) Update admin_login.blade.php file :- Now update admin_login.blade.php file and replace email field with username. Replace value of id and name with username and type with text instead of email. 5) Add Header Statements :- Add below header statement at the top of AdminController file to include Admin model :- use App\Admin; 6) Create "Adminlogin" Middleware :- We need to create "Adminlogin" Middleware same like we have created "Frontlogin" Middleware at the beginning of the project. This middleware will help us to protect all routes from unauthorized access. Run below Artisan command to create "Adminlogin" Middleware php artisan make:middleware Adminlogin And, make some changes in Adminlogin.php file as shown in video. 7) Update kernel.php file :- Update kernel.php file located at \app\Http\ folder and add below code in protected $routeMiddleware array at the end as shown in video. 8) Update web.php file :- Now replace middleware auth with middlware adminlogin for all admin routes as shown in video. Try login now from admin panel with "admin" username and "123456" password that we have set in admins table earlier on. Dashboard page must appear when you login. And open frontend link and check frontend will not automatically get login this time with admin user as we are not using Auth. We are using separate admins table and separate admin Session for admin login. In next video, we need to update some more admin functions to complete this functionality. Thanks for watching :)
Previous Video :- 🤍 In the 2nd Part of tutorial, learn where to copy Matrix Admin template files into Laravel. In Video, We have copied CSS, JS, Images and Fonts from Matrix Admin to Laravel file structure making sure that everything would work perfectly when we start actual implementation. 1) Copy CSS Files :- First we have copied CSS file from Matrix admin and for that we have created 2 other folders in CSS folder in Laravel :- backend_css and frontend_css We have created these 2 folders for CSS, one for backend and one for frontend so that no confusion will arise in future. So in backend_css folder, we have copied all the CSS files from Matrix template. 2) Copy JS Files :- Then we have copied all JS Files from Matrix admin. And for that also, we have created 2 folders and copy all JS files into backend_js folder. 3) Copy Images :- In the similar way, we have created separate folders in Laravel and copy images. 4) Copy Fonts :- Lastly, we have copied all fonts from Matrix admin in the similar way. In Part 3, all these CSS, JS, Images and fonts comes into play when we create common files, header/footer files, login and other pages. Thanks for watching :) Next Video | Part 3 :- 🤍
Previous Video | Admin Part 11: 🤍 Preview of the E-commerce Website that you are going to make after following the playlist :- 🤍 Admin Panel Playlist :- 🤍 If you are new to our tutorial and start with this one only then we assume that you have the basic structure of the admin panel. And if you don't have admin panel then please follow our earlier videos to create admin panel first in Laravel 5.6 / 5.7 or 5.8 from below link :- 🤍 Every admin panel requires login, logout and update admin password basic features that we have covered in earlier videos Part 1 to Part 11. Part 1 to 11 :- 🤍 And now this basic structure of admin panel can be used for any of the website like CMS based, Social networking or E-commerce. And from this video, we will start making E-commerce website from the admin side first. So we assume everyone is having basic structure of admin panel now. And first of all we will start creating categories section in admin panel. We will cover all CRUD operations; Create, Update and Delete with Laravel. We will create categories table with migration, will write route for categories and make category pages in admin for add/edit/view and delete categories. So lets start with Add Category functionality first. 1) Create Categories table :- First of all create categories table with migration. We can also create categories table manually but we will follow Laravel standard by creating it with migration. So first run below command:- php artisan make:migration create_category_table Our migration file will be created. We will open and make changes in it. In Categories table, we need id, parent_id, category_name, description, url, status fields so we will add all in this migration file. Replace category with categories as we will make table with name 'categories' Now see we have given all columns and data types of categories table. Now we will run below command :- php artisan migrate that will create categories table with all specified columns and data type. Now check, our categories table has been created. 2) Create Controller :- Now will create CategoryController We will give below command:- php artisan make:controller CategoryController 3) Create Model :- Now we will create Category model with below command: php artisan make:model Category 4) Create Route :- Now we will create Route for Add Category in web.php file We have given both GET, POST methods for our add-category route with function addCategory. 5) Create function :- Now we will create addCategory function in CategoryController. 6) Create add_category.blade.php file :- First add "categories" folder in "admin" folder in "views" folder and then create add_category blade file. See in video, we have created the function and blade file as well. Now we will copy the form design from Matrix admin template. You can create of your own as well. But first we will also add admin design layout to our add category page. We will again copy form from form validation page of matrix admin like we have created earlier for password form in earlier videos. See now our form has been appeared that we have copied from our design files. Now we will update this form to Add Category form, will give action to addCategory function again and finally adds the category into categories table. We will also add validations to our category form in the same manner like we did in password form earlier on. See in video, our category form is ready with validations. 7) Update addCategory function :- Now we will update our addCategory function. We will insert the value to our categories table with new and save commands of Laravel. Also add CSRF token to our add category form. See our values are coming from form. Now we will add in categories table. Always add headers/classes at top that are required for Controller. See in video, the category has been added in categories table now. In next video, we will create view categories page. We can able to add category and view them in view categories page with Success message. And then we will also create update category form and delete then. Also in future videos, we will create category levels. We can then able to add sub category to our main categories so will update our Add Category form as well later on. Stay tune for next video. Thanks for watching.. Next Video : Ecom Part 2: 🤍 Advance E-commerce Series in Laravel 6 / 7 / 8 :- 🤍 Please join the channel as premium member to get complete code :- 🤍
In Part-60, we will work on admin panel once again due to high demand. So sorry for those users who are waiting for user section video. We will come back to users module in next video. In this video, we are going to update admin sidebar. We will show the active module at the sidebar with highlighted background like it is shown with Dashboard right now. Update admin_sidebar.blade.php file :- We need to add active class to module which one we select and we also need to show it by adding below style :- style="display: block;" And below class need to add for active modules :- class="active" So first of all, we need to find out the current url in Laravel so that we can compare current url with the url of module. Like right now our current url is view-coupons and in admin sidebar as well, you can see the url with view-coupons so we will compare both and if both are matching then we are going to select it with active class and also we will add display:block style to it. Find current URL in Laravel :- Search in Google for it and open below link :- 🤍 You can find below code that we need to add to find current URL :- // Get the current URL without the query string... Pattern Matching in PHP (preg match) :- Search in Google for it and open below link :- 🤍 So now you have seen in video, we are highlighting our modules whichever you are using. So everything is working fine now as far as admin sidebar is concerned. In next video, we will work back on users module (login/register). So stay tune for next video.. Thanks for watching :)
Previous Video: 🤍 In Part 7, we have displayed error message on login failure and worked on logout functionality to logout from admin after Successful login. 1) Display Error Message :- We have displayed error message like "Invalid Username or Password" if our login fails. First in AdminController.php, in login function, we have returned error message if login fails. Now in admin_login.blade.php, we have displayed error message. You can search on Google for some good bootstrap flash message code and integrate it as done in video. Error Message of "Invalid Username or Password" started coming but for closing it, make sure to add bootstrap CSS and JS and use error bootstrap class. Now you have seen in video, error message properly comes if we use incorrect password. 2) Logout functionality :- We have added logout function in AdminController.php for logout and its route as well. Use Session; at top and add Session::flush(); to clear off all Sessions. And then we redirect back to login page with success message. We are done now! Logged out Successfully.. Thanks! Hope everything is clear to you. You can add me on Facebook at amitg100 if you have any queries or simply message here in Youtube... Thanks for watching! Next Video | Part 8: 🤍
In Part-93, we need to update some admin functions so that no issue will come when we will go to settings page and update password. 1) Update settings function :- Update settings function in AdminController to get admin details from admins table this time instead of users table as shown in video. 2) Update chkPassword function :- Update chkPassword function to check the admin password from admins table instead of users. And we need to replace Hash function with MD5 in function as shown in video. 3) Update updatePassword function :- Now update updatePassword function to update password with MD5 in admins table instead of users table with Hash as shown in video. Now our admin users and front users will not conflict with each other. We are managing them separately. Thanks for watching :)
Previous Video | Ecom Part 17: 🤍 In Part 18, we will continue working on products attributes. In this video, we will show products attributes that we have added earlier in add attributes blade file. And we are going to use Laravel relationships for this for the first time. And then we will also add validations to our Attribute form. 1) Show Product Attributes :- We need to show product attributes as well after adding them in Products Attributes blade file so we will take following steps: 1.1) Update Product Model We will update our Product Model to add hasMany relation. hasMany relation means one to Many like there is one Product and that can have multiple attributes. To learn more about relationships, please study from Laravel website :- 🤍 🤍 In our case, 1 Product can have 1, 2, 3 or more Attributes so it means One can have Many so we will use hasMany Relation. See in video, We have created attributes function in our Product model to have hasMany relation. 1.2) Update addAttributes function We will add now attributes relation/function that we have created in Product model in last step to our query to add attributes to our product array/json data. Simply add with('attributes') in query to show Products Attributes as well. 1.3) Update add_attributes blade file Now we will update add attributes blade file to show all attributes. We will use datatables to show attributes same like we have done with Products. Simply copy View Products datatable and make changes. See in video, products attributes are displayed in add attributes blade file. 2) Add Validations :- We are going to add atleast validation to the primary attributes fields so that the one list/row of attribute must be added when we click on Add Attribute button. We will use simple HTML5 validations this time by adding just required in our fields. See now in video, our validations are working fine for our Add Attributes form. In the next video, we will add delete attribute functionality with SweetAlert and then will start working on front end as well. So stay tune for next video.. Thanks for watching :) Next Video | Ecom Part 19: 🤍
In Part-99 of E-com series, we will work on admin panel and will show all registered users in admin panel. First we are going to replace Matrix logo with E-commerce logo everywhere in admin panel. Make changes in admin_login.blade.php file and other files as shown in video. Now we are going to start working on users module in admin panel by taking below steps. 1) Create Route :- We will create GET route for viewing users in web.php file like below:- // Admin Users Route Route::get('/admin/view-users','UsersController🤍viewUsers'); 2) Create viewUsers function :- Now we will create viewUsers function in UsersController to get all users and return to users blade file in admin that we will create. 3) Create users.blade.php file :- Now create users folder under admin folder and create users.blade.php file and add datatable for displaying users in foreach loop same like we did for orders earlier as shown in video. And add condition to show status as active if 1 or inactive if 0 as shown in video. 4) Update admin_sidebar.blade.php :- Update admin_sidebar.php file to show Users tab with view-users link as shown in video. We will not add delete option as it can create issue if we delete the user who already placed the order so you can add enable/disable option only. Thanks for watching :)
Previous Video: 🤍 In Part 10, we have checked if our Current Password is correct or not with Jquery/Ajax in Update Password form that we have created in Settings page of admin in our last video. 1) Update matrix.form_validation.js File :- First we have added Jquery/Ajax in js file and then modified it later on. When the user entered its current password and move to new password then we have checked Current Password is correct or not. We have written Jquery/Ajax code and on click function we have passed current password to /admin/check-pwd URL. 2) Update Web.php:- Now we have created route for checking current password that we have passed via Ajax URL /admin/check-pwd 3) Update AdminController.php file:- Now we have created chkPassword function where we have checked current password entered by the user is correct or not. We have returned true or false message to Ajax to display the message on our form. 4) Update Settings.blade.php file :- Now in settings file, in Password form, below Current password field, we have added one span tag with id to display message that we have returned from Ajax. Now we have updated our Jquery function. We have checked true or false value in Ajax return to display the success or error message in chkPwd ID that we have just created. We have also added required header classes at top of AdminController.php file:- use App\User; // this to add User Model use Illuminate\Support\Facades\Hash; // this to check Hash Password Now see in video, true comes if we give correct password 123456 and false comes if we give incorrect password. Now we have added condition in Ajax to display error or success message based on it. See now in video, message comes based on our current password. So if we give correct password then it shows Current Password is Correct, otherwise Incorrect. In next video, we will finally update the password and then login with the updated password. And will work on other things as well. So stay tune for next video.. Thanks for watching :) Next Video | Part 11: 🤍
In Part-89, we are going to work on orders section in admin panel once again and this time we are going to show complete order details in admin. 1) Create Route :- We will create GET route in web.php file for order detail blade file that will come into play when admin click on "View Order Details" at orders section in admin panel. // User Ordered Products Details Route::get('/admin/view-order/{id}','ProductsController🤍viewOrderDetails'); 2) Create orderDetails function :- Create orderDetails function in ProductsController and pass order id as parameter to get order details and return to order_details.blade.php file. 3) Create order_details.blade.php file :- Create order_details.blade.php file under views/admin/orders/ path and include admin design to it. 4) Update view_orders.blade.php file :- Update view_orders.blade.php file to add orders detail blade file link to "View Order Details" tab that we have created in the last step. 5) Copy from widgets.html :- Copy content from widgets.html file located in Matrix admin template and paste into orders_detail.blade.php file and make necessary changes to show Order and Customer Details. In next video, we will show Customer Billing and Shipping Addresses and Ordered Products so stay tune for it. Thanks for watching :)
1) Install Laravel 5.6 2) Make Admin Panel ready Make Admin Panel in Laravel 5.6 Please follow Part 1 to Part 11 from below Youtube Playlist to make the basic structure of the admin panel so that we can use that for our Dating / Social Networking Website :- From Youtube :- 🤍 You can also download the admin panel code from below GitHub link but its better if you follow Youtube tutorials so that you have complete knowledge of your admin panel. From GitHub :- 🤍 If you already follow E-commerce series and have admin panel then no need to follow above links to make admin panel again, simply take below steps to copy your e-com admin panel to make your dating admin panel :- 1) Create database :- dating 2) Import your E-commerce database to dating database 3) Update web.php 4) Update RedirectifAuthenticated.php 5) Copy public folder having js/css/images 6) Copy Controllers 7) Copy Files/Folder from resources folder 8) Update .env (Database connection) Now see in video, our admin panel is working fine for our dating website. So in next video, we will start working on its front end. We will download some beautiful design for our dating website and will start working on it.. So stay tune for next video... thanks for watching :)
Previous Video | Ecom Part 24: 🤍 In Part 25, we will work on header menu that is common for all the pages at frontend of our Laravel project. We will display main categories like T-Shirts and Shoes in header menu and will display all the products there. Main Category T-Shirts can contain the products of below Sub Categories :- - Casual T-Shirts - Formal T-Shirts Shoes :- - Sports Shoes - Formal Shoes For adding common function, we will create this function in Controller.php file so that we can add this function to front_header to display in all the pages. 1) Create function :- (in Controller.php) Create function this time in Controller.php so that we can include it in front header file that is common for all the frontend pages. We will create mainCategories function where we will get all the main categories that is having parent id 0. And this time we are going to add static function and return the variable. 2) Add Header :- Add Header to include Category model at top of Controller.php file like below :- use App\Category; 3) Update front_header.blade.php file :- Now update front header blade file to get $mainCategories variable that we have returned in Controller.php file. So we will add below PHP code at the top of front_header blade file: use App\Http\Controllers\Controller; $mainCategories = Controller::mainCategories(); Now we will add foreach loop to include main categories in header menu. See now in video, our main categories are coming correctly in header menu with their url's but for showing products in main categories, we need to update products function in ProductsController.php file. 4) Update products function :- Now we need to update products function in ProductsController.php file so that all products belonging to sub categories of main categories will come. Uptill now we have displayed the products from sub category only like casual t-shirts or formal t-shirts but we are not showing any products in main category like t-shirts. Now in products function, we will first check category url and on the basis of that url and if that url is main category url then we will display the products from all its sub category otherwise we will display the products from sub category only. Sorry for the trouble... we will continue this part in next video as well.. I am going to add very soon... In this video, we have added main categories in header menu and in next video we will show all the products even of their sub categories... So stay tune for next video... thanks for watching.. CHECK NEXT VIDEO | Ecom Part 26 (ISSUE RESOLVED) 🤍
Previous Video | Ecom Part 3: 🤍 In Part 4, we are going to implement delete functionality to Categories section we have made in earlier videos. 1) Create Route :- First of all, create route like we used to create earlier as well. We will create GET, POST method route and will also pass id in it like {id} Route::match(['get','post'],'/admin/delete-category/{id}','CategoryController🤍deleteCategory'); See we have added route with delete-category link this time with id as well that will go to deleteCategory function. 2) Create Function :- Now add deleteCategory function in CategoryController and also pass "id" in it so that we can delete category of that "id". See we have written delete query by comparing the id and then delete syntax to delete it. 3) Update Delete link :- Now update delete link in View Categories page. We will add the URL that we have given in Route similar to edit category link that we have given earlier. In both cases, we are passing category id. It is not deleting category on our first attempt but after deleting cookies, it starts working fine.. Also you can restart Laravel once if issue comes. 4) Add Confirmation Script :- Now we will quickly add confirmation Jquery script to ask the admin if he is sure to delete the category. We will add id with delete link and on click of that id, will pass confirm function to ask the admin for confirmation.. See in video, now everytime when we click to delete the category, it asks for confirmation. And if we click on Yes then its going to delete it. In some time in future, we will try to delete the categories in Ajax too. But in next video, we will now try adding sub categories to categories. We will add another level to our categories so stay tune for the next video. Thanks for watching :) Next Video | Ecom Part 5: 🤍
Previous Video | Ecom Part 12: 🤍 In Part 13 of E-com series, we will first add delete functionality to products. And then we will use "SweetAlert" Javascript Library used for creating elegant alert messages. So lets start with delete functionality for products. 1) Create Route :- Create GET route for deleting products with Product Id. Route::get('/admin/delete-product/{id}','ProductsController🤍deleteProduct'); 2) Create Function :- Create deleteProduct function in ProductsController to delete the product. And we will also pass $id as parameter so that we can delete the product of that id. 3) Update view_products.blade.php We need to add delete link/route that we have just created. Now see in video, our product has been deleted. 4) Delete Product Confirmation Box :- Now we will add delete confirmation box so that every time if we delete any product, it will first ask us to confirm only then it will delete to avoid any kind of mistakes. 1) Simple JavaScript Alert 2) SweetAlert Javascript Library 1) Simple JavaScript Alert Add delProduct id to delete product link and then we will create delProduct function in javascript to add simple confirm alert. Open matrix.form_validation.js file and add delProduct click event in jQuery. 2) SweetAlert Javascript Library Search in Google for it. We will copy JS and CSS for SweetAlert. We can either use CDN paths directly or save the files and store at our end. Open admin_design.blade.php file and add JS and CSS CDN paths. We can copy from 🤍 Open view_products blade file and add some attributes to it. First add rel and pass product id in it. Now add rel1 and pass content "delete-product" in it. And disable href and add class "deleteRecord" to delete link. Now open matrix.form_validations file and add Jquery script there with SweetAlert. Disable simple alert, disable delProduct event Jquery script. Now check in video, our SweetAlert is working fine while deleting products. You can get help from 🤍 to know more. Recap :- 1) Add CSS and JS :- 🤍 2) Add rel, rel1 attributes to delete product link 3) Replace href with "javascript:" and add class "deleteRecord" 4) Disable delProduct Jquery Script 5) Add deleteRecord JQuery script with Swal (SweetAlert) Update :- To delete a product, Please replace "delete_product" with "delete-product" in "rel1" attribute in view_products.blade.php file. Next Video | Ecom Part 14: 🤍
Previous Video | Ecom Part 22: 🤍 In Part 23, we are going to display Categories and Sub Categories dynamically at left sidebar of home page. There are 2 ways of doing this task :- 1) Basic Approach (Without Relations) 2) Advance Approach (With Relations, Recommended) 1) Basic Approach (Without Relations) :- 1.1) Update index function :- We need to update index function in IndexController.php file to get all the categories and sub categories. We will later store them in one variable and return that variable to show all Categories and Sub Categories at home page. 1.2) Update Headers :- Update IndexController.php file with below header :- use App\Category; 1.3) Update index function :- Now see we are getting all categories and sub categories. And now we will create one variable in which we will add all these categories and sub categories with html that we are using to display at home page. Open index.blade.php file and get html content of categories from it and display in variable. Follow carefully what I am going to do in video now.. 1.4) Update index.blade.php file :- Now remove all html part and simply add $categories_menu variable that we have generated in index function. Please correct all JS paths before proceed further. Just open front_design blade file and make sure your JS paths looks like below for all js: js/frontend_js/bootstrap.min.js And after that it will work fine.. Now see, all categories and sub categories are coming at left side of home page correctly. 2) Advance Approach (With Relations, Recommended) 2.1) Update Category Model Add categories function in Category model i.e Category.php file with hasMany relation. 2.2) Update index function Update categories query with this relation categories by adding with('categories') in query. 2.3) Update index.blade.php file Now remove $categories_menu that we have added earlier and add foreach loops in html only. See now in video, our categories and sub categories are coming fine. And this approach with relation is more user friendly and faster/easier to do. In next video, we will start working on category pages in which only products of that category will come.. So, stay tune for next video... Thanks for watching :) Next Video | Ecom Part 24: 🤍
Previous Video | Ecom Part 21: 🤍 In Part 22, we are going to show our products in home page in ascending order by default. And then we will show in descending order, means last added products will be shown at top. And then we will show products in random order. 1) Update index function :- We will update index function in IndexController.php to get all products from products table and then return to the index blade file means our home page. $productsAll = Product::get(); By default, it will pick the records that are products in ascending order like 1,2,3 and so on. 2) Add Header :- We need to include Product model so add below header at the top of IndexController.php file :- use App\Product; 3) Update index.blade.php :- We will update our home page i.e. index blade file to show all products under Featured Items box. We will add foreach loop and show all products within it. See in video, all products are coming fine. And we have disabled alternate view for the time being that we will do in future when we implement feature of alternate products images in admin panel. Right now products are coming in ascending order by default. 4) Show Products in Descending Order :- Just add below code in our query to show products in descending order. orderBy('id','DESC') 5) Show Products in Random Order :- Just add below code in our query to show products in random order. inRandomOrder() In next video, we are going to show categories at left side menu and will work on category pages that will have products of the particular category only. So stay for the next video.. Thanks for watching :) Next Video | Ecom Part 23: 🤍
Previous Video | Ecom Part 14: 🤍 In Part 15, we will start working on products attributes. Product attributes we refer to sizes, stock, prices and sku for the product. SKU stands for Stock Keeping Unit Suppose we have Test Product with Product code TP01 then it can have following attributes: SKU Size Price Stock TP01-S Small 1000 10 TP01-M Medium 1100 15 TP01-L Large 1200 10 All these attributes we need to store in products_attributes table. So in products_attributes table, we need columns like id, product_id, sku, size, price, stock, created_at and updated_at. We will use migration to create products_attributes table. Products table stores all the main product information and main price for the product that we will display at listing page but in detail page price comes from attributes table according to size. Price may wary according to Size and all such attributes we will store in products_attributes table. So lets start creating table first. 1) Create products_attributes table (With Migration) Run below command to create migration file :- php artisan make:migration create_products_attributes_table Open this file and add all columns that we want in table. We will add id, product_id, sku, size, price, stock, created_at, updated_at columns And now run below command to create table: php artisan migrate. See now in video, our products_attributes table has been created. 2) Create Model Now we will create model for products_attributes table like below: php artisan make:model ProductsAttribute 3) Create Route Now we will create Route for add-attributes with GET/POST method and pass Product Id. Route::match(['get','post'],'admin/add-attributes/{id}','ProductsController🤍addAttributes'); 4) Create Function Now we will create addAttributes function in ProductsController and will also get product id as parameter and will return to add_attributes blade file. 5) Create Blade file We need to create add_attributes blade file under views/admin/products folder And then we will add admin design to it. We can copy layout from add products blade file. Check in video, Add Products Attributes blade file is opening now but nothing there for now. In the next video, we are going to add Product Attributes form to add sku, sizes, prices and stock. So Stay tune for the next video.. Thanks for watching... Next Video | Ecom Part 16: 🤍
Previous Video | Ecom Part 18: 🤍 In Part 19, we will continue working on products attributes and along with delete functionality for attributes, we will also add SweetAlert Confirmation box. 1) Copy CSS/JS of SweetAlert Search for keyword like "SweetAlert JS CSS" in Google and just copy CSS/JS to admin_design blade file. 🤍 🤍 🤍 We are already having in our project so nothing to do. 2) Update add_attributes blade file :- We will update delete link in add attributes blade file. We will add rel, rel1, href and class to delete link. rel= Attribute Id rel1="delete-attribute" href="javascript:" class="deleteRecord" 3) Create Route :- Now create GET route with delete-attribute having attribute id. Route::get('/admin/delete-attribute/{id}','ProductsController🤍deleteAttribute'); 4) Create Function :- Now create deleteAttribute function in ProductsController file to delete the attribute and also we will add parameter id to our function. So in video, we able to see attributes are deleting correctly and SweetAlert comes every time when we want to delete. So, in next video, we will start working on front end for the first time. We will search some free eshop/ecom template and start working on that. So stay tune for next video... thanks for watching :) Next Video | Ecom Part 20: 🤍
In Part-111 of E-com Series, we will continue working on CMS Pages and this time we will work on Update and Delete CMS Page functionality in admin panel. 1) Create Route :- First of all, create route for edit-cms-page with parameter id in web.php file like below :- // Edit CMS Page Route::match(['get','post'],'/admin/edit-cms-page/{id}','CmsController🤍editCmsPage'); 2) Create editCmsPage function :- Now create editCmsPage function in which pass id and get cms page details and return to edit_cms_page.blade.php file. 3) Create edit_cms_page.blade.php file :- Now create edit_cms_page.blade.php file under views/admin/pages folder and copy content from add_cms_page.blade.php file and make required changes as shown in video. 4) Update editCmsPage function :- Now update editCmsPage function to add condition in post method to update the data in cms page and return with success message as shown in video. Now check in video, we able to update CMS Pages. Now we will also delete CMS Page by taking below steps :- 5) Create Route :- Create Get route for delete-cms-page with parameter id in web.php file like below :- // Delete CMS Route Route::get('/admin/delete-cms-page/{id}','CmsController🤍deleteCmsPage'); 6) Create deleteCmsPage function :- Now create deleteCmsPage function and add query to delete CMS Page with id and return to view cms pages as shown in video. Now you can see, we able to do both Update and Delete CMS Page functionality. In next video, we will create some of the CMS Page and add functionality to display at frontend. Thanks for watching :)
Previous Video | Ecom Part 5: 🤍 In Part 6, we will start creating products section in admin panel. We will create products table with migration, will create route, products Controller and Model and then will make all products pages like add/edit and delete. And also we will show all Categories in select drop down in Product Add/Edit form. So lets start creating products table first. 1) Create products table :- First of all create products table with migration in the same way like we have created categories table. So first run below command :- php artisan make:migration create_products_table Our migration file will be created. See now in video, products migration file has been created. We will add all products columns now like id, category_id, product_name, product_code, product_color, description, price, image in products migration file. See now in video, we have added all columns. For more details of column types and modifiers, follow our Laravel Migrations series at 🤍 Now run below command :- php artisan migrate See now products table has been created with all required columns. 2) Create Controller Now we will create ProductsController with below command :- php artisan make:controller ProductsController 3) Create Model Now create Products model with below command :- php artisan make:model Product 4) Create Route :- Now we will create route for Add Product in web.php file. This route will have both GET/POST methods with add-product URL having addProduct function. 5) Create Function :- Now we will create addProduct function in ProductsController. 6) Create add_product.blade.php file First add "products" folder in "admin" folder under "views" folder and then create add_product.blade.php file. See now add_product blade file is created. Now we will copy category blade file into this file and make changes in it. Actually purpose of copy is to get same design and form that we have for add category page as it will save our time. Now we will add all products fields like Product Name, code, color etc. that we have added in producs table. But first of all we will add category drop down as well so that we can select category for the product. In Under Category select drop down, we will show all categories. We will update addProduct function with categories variable that will contain all main and sub categories in select options. Also don't forget to add headers in file first: use Auth; use Session; use App\Category; use App\Product; See now in video, Main Categories are coming in drop down. We will also show Sub Categories now in Main Categories. Check now in video, all Categories with Sub Categories are displaying now. We are displaying Category names and their id's in values that we will pass and store as category_id in products table. See now in video, our design of add product form is ready. We have added the Image upload field as well from form-common.html file of Matrix admin template and included uniform.css in admin_design.blade.php file. We are also showing now all categories with sub categories in Under Category drop down having category id's. So in next video, we will post all these values in products table and then show them in view products page as well. So stay tune for next video. And sorry for the mistakes. Thanks for watching :) Next Video | Ecom Part 7: 🤍
In Part-88, we are going to resolve one issue that is coming when one user logout and another user login and found the first user products in cart. Also, we are going to show orders in admin panel as well so that admin can check and process the orders. 1) Update logout function :- We need to update logout function in UsersController file and forget session_id like below :- Session::forget('session_id'); 2) Update admin_sidebar.blade.php Update admin_sidebar.blade.php file with View Orders link as shown in video. 3) Create "view-orders" Route :- Create GET Route for "view-orders" in web.php file with Admin routes like below :- Route::get('/admin/view-orders','ProductsController🤍viewOrders'); 4) Create viewOrders function :- Create viewOrders function in ProductsController file that will return to view_orders blade file. 5) Create view_orders.blade.php file :- Create orders folder under admin folder and then create view_orders.blade.php file under orders folder. 6) Update viewOrders function :- Now update viewOrders function that we have created earlier to get all the orders that we will return to view orders blade file. 7) Update view_orders.blade.php file :- Copy content from view_products.blade.php file and then make changes in view_orders.blade.php file to display all the orders in foreach loop. Now all the orders are displayed in admin panel. In next video, we will show complete order details in admin panel. Stay tune for next video. Thanks for watching :)
Previous Video | Ecom Part 1: 🤍 In Part 2 of E-com series, we will display all categories with datatables, jQuery plug-in. If you don't know about datatables then google it. See it will create wonderful table format with built-in features like paging, search etc. so its really good to use. We already having it in matrix admin design so we will copy from it and use it. You can also create of your own. And we will also display Categories on admin sidebar as well. 1) Update Admin Sidebar :- First we will update our admin sidebar so it will be easier to navigate to Add and View Categories. 2) Update Route :- Now we will add Route for view categories in web.php And this time we will use GET method only for creating this Route. Route::get('/admin/view-categories','CategoryController🤍viewCategories'); 3) Create function :- Now we will create this viewCategories function/method in CategoryController 4) Create Blade file :- Now we will create view_categories.blade.php file and add admin design in it. And we will also copy datatable format from our matrix admin. Later on we will make it dynamic. If you are also using Matrix admin template then copy datatable from tables.html file. See now we have copied complete file and its coming file now. We will update its header part with Categories and will remove unwanted tables. Now our view categories page is ready with Datatable having static content. We will update it dynamically getting all categories from database. 5) Update viewCategories function :- We will update our viewCategories function now to get all categories and then return them into our blade file. It's very easy in Laravel to get all records. $categories = Category::get(); Simply use Model name with get to get all records. 6) Update blade file :- Now update blade file again with foreach loop to display all categories in datatable. See now in video, all categories are displaying. Now we will add another category and display in categories table with Success message. 7) Update addCategory function :- We have updated addCategory function by returning it to view categories with success message after adding the category. And in view_categories.blade.php file as well, we have displayed the success message. See now in video, Success message is coming now and displaying in categories page. 8) Add Datatables JS/CSS files :- See we are missing some essential datatable JS/CSS files that we will add now to display all features of data tables. We will update our admin_design.blade.php file. See now we have copied some required js/css files from tables.html file of matrix admin and its working fine now. Paging/Search.. all are working fine now.. We can also add Edit and Delete buttons from widgets.html file from matrix design. You can also update them if you want of your own or simply you can use links also. See now our categories page looks so good now. In next video, we will try updating our category as well and will also delete it. Later on, in another videos, we will add more options to category table and update our table as well.. So stay tune for next video... Thanks for watching :) Next Video | Ecom Part 3: 🤍
Previous Video | Ecom Part 2: 🤍 In Part 3 of E-com series, we are going to edit the categories that we have added earlier in last videos. We will create 'edit category' page where all category data will be displayed of a particular category that the admin can edit and save. 1) Create Route :- First create Route for edit category same like we did for add category. But now we will also pass category id in the Route. Route::match(['get','post'],'/admin/edit-category/{id}','CategoryController🤍editCategory'); See we have passed category id in route with {id} at the end of edit category link /admin/edit-category/{id} 2) Create Function :- Now we will add editCategory function in CategoryController and return its view. In editCategory function as well, we will pass $id as one of the parameter along with $request. 3) Create Blade file :- Now create edit_category.blade.php file in categories folder under admin folder that is under views folder in the same way in which we have created add category page earlier on. See now in video, edit category page is created. Now we will add admin design to it and copy add category data as well. We will make changes in it. See in video, now our edit category page is coming. Now we will show already added category data in it and also link it with edit tab in Categories page. See in video, we have updated editCategory function. We get category details from category id that we want to edit and that details we will return to edit category form where admin can make changes. See in video, now Category data is coming in edit category form. Now we will update form action that we will pass to edit category function again with category id. Now see edit form action link seems to be fine like http://127.0.0.1:8000/admin/edit-category/3 4) Update editCategory function Now we will update editCategory function again to get the updated category data and update in categories table and then return with success update message. See in video, now we able to successfully edit our categories and Success message comes once we edit it. Also change the form id and add separate validations for edit form. In next video, we will also add delete functionality to our categories and move to other things. So stay tune for next video. Thanks for watching :) Next Video | Ecom Part 4: 🤍
Previous Video | Ecom Part 6: 🤍 In Part 7, we are going to add product in products table by submitting add product form. We will also add validations to our add product form. Also we are going to display products Add/Edit links in sidebar. 1) Add in Sidebar :- First of all, we will add Add/Edit product links in admin sidebar in the same way like we did for categories earlier on. Open admin_sidebar.php file and make changes in it to add Add/Edit product links. 2) Add Validations :- Now we will add validations to our add product form. Open matrix.form_validations.js file and add validations for form id add_product in the same way like we did for add_category form in earlier videos. 3) Update addProduct function :- Now we will update addProduct function for getting all data from product form and save them into products table. For optional fields, only add if the field is not empty otherwise just assign empty value to it like we have done for description. See our products are coming fine now in products table. In next video, we will save images as well; we will save image name in products table and actual image in products folder that we will create in public/images folder. And then we are going to show all products in view products page in admin panel.. So stay tune for next video.., Thanks for watching :) Next Video | Ecom Part 8: 🤍
Previous Video | Ecom Part 16: 🤍 In Part 17, we will continue working on products attributes. And in this video, we are going to store products attributes in table "products_attributes" from our add attribute form. 1) Update addAttributes function :- We are going to save all attributes in addAttributes function in foreach loop 2) Update Header Also, don't forget to add below header at top of ProductsController.php: use App\ProductsAttribute; 3) Update add_attributes.blade.php We need to add product_id as hidden field to pass to addAttributes function and save it to products_attributes table. Now see in video, we able to add products attributes in products_attributes table. In next video, we will show attributes and add validations as well. So stay tune for the next video.. Thanks for watching :) Next Video | Ecom Part 18: 🤍
Previous Video | Ecom Part 20: 🤍 In Part 21, we are going to set html for our home page. We are going to add content in front_design, front_header and front_footer blade files and then we will also set paths for CSS, JS, Images and fonts so that our home page will get ready and we can make it dynamic. 1) Update front_design file :- Copy content from index.html from the E-shopper free template that we have downloaded from internet last time. Open front_header blade file and cut header part from front_design and add to front_header. We are going to include front_header in front_design in place of header html part. Open front_footer blade file and cut footer part from front_design and add to front_footer. We are going to include front_footer in front_design in place of footer html part. 2) Update index.blade.php Add front_design to index blade file like below : 🤍extends('layouts.frontLayout.front_design') 🤍section('content') - Copy Content from front_design - 🤍endsection 3) Set paths for CSS/JS/Images/Fonts Now update paths for CSS/JS/Images/Fonts in front design blade file. Also update paths in index.blade.php file. Check in video, our home page design is almost ready with header, footer and front design and almost all paths are set. Now in next video, we are going to start making our home page dynamic starting with showing products dynamically to our home page with attributes. So stay tune for our next video... Thanks for watching... Next Video | Ecom Part 22: 🤍
Previous Video | Ecom Part 21: 🤍 In Part 20, we will first clear unwanted items from our admin panel then will download some free ecommerce template and finally start working on front end. 1) Clear Unwanted items from admin panel :- Open admin_sidebar.blade.php and remove all unwanted items. Just keep Products and Categories tabs. Open admin_header.blade.php and remove unwanted data from there also. You can remove "Welcome User" and "Messages" html. Open dashboard.blade.php and remove complete "chat" html and everything there after. Keep only tabs at top, "Site Analytics" and "Latest Posts" that we will update in future and remove everything else. 2) Download free E-shop Template :- You can search for any free e-shop template online and download it. Like you can search for "free e-shopper template" and then download from below link :- 🤍 3) Understand the E-shop Structure i) Index/Listing ii) Product Detail iii) Shopping Cart iv) Checkout v) Order Review vi) Confirmation/Payment 4) Copy CSS, JS, Images and Fonts :- We will now copy CSS, JS, Images and Fonts from the e-shopper template to our Laravel project. 4.1) Copy CSS Files :- First copy CSS files to \public\css\frontend_css 4.2) Copy JS Files :- Now copy JS files to \public\js\frontend_js 4.3) Copy Images :- Now copy all images to \public\images\frontend_images 4.4) Copy Fonts :- Now copy all fonts to \public\fonts\frontend_fonts 5) Create Common Files :- Now create common blade files like header, footer, front design. We will create front_design blade file that will have header, footer and middle content that is dynamic. front_design.blade.php front_header.blade.php front_footer.blade.php We need to create all these 3 files under below path :- \resources\views\layouts\frontLayout 6) Create Controller We will create IndexController that we will use for our index page. Run below command to create IndexController :- php artisan make:controller IndexController 7) Create Route We will create GET Route for our index blade file: Route::get('/','IndexController🤍index'); Also, disable below Coming Soon Route :- Route::get('/', function () { return view('coming-soon'); }); 8) Create Function Create index function and return it to index blade file. 9) Create index blade file Create index blade file under views folder only In next video, we will add content to our common files like header, footer, front design and will set CSS/JS paths etc. and display index blade file as well.. Stay tune for next video... Thanks for watching.. Next Video | Ecom Part 19: 🤍
Previous Video | Ecom Part 23: 🤍 In Part-24, we will work on category pages where we will display all the products of that particular category. Like if we open link of t-shirts category then it will display all t-shirts. And if we open the link of shoes category then it will display all shoes. 1) Create Route :- We will create GET route for our category / Listing pages in web.php like below with url : Route::get('/products/{url}','ProductsController🤍products'); 2) Create Function :- Create products function in ProductsController.php file with parameter url so that we can get all the products of particular category. 3) Create listing.blade.php file :- Now create listing.blade.php file under products folder that we will create under views folder. And we will copy the content of index blade file and make changes there. 4) Update Category Menu :- Now we will update category menu with category links so we can go directly to any category page. So now our category pages are ready. You can add as many categories as you want from admin with their URL and it will be dynamically created and will display in left menu. And you can go to any category page where only products of that category will be displayed. In next video, we will start working on detail page, we will also work on top menu and many more things,.. So stay tune for next video.. Thanks for watching :) Next Video | Ecom Part 25: 🤍
In Part-90, we are going to work on orders section in admin panel once again and this time we are going to show billing, shipping address and ordered products in order details blade file in admin panel. 1) Update viewOrder function :- We need to update viewOrder function to get the billing details of the user and return to order details blade file. Shipping details are already coming in orders table so we can use it in order details blade file. 2) Update order_details.blade.php file :- Now update order_details.blade.php file to show Billing and Shipping addresses of the customer. Check in video, Billing and Shipping Addresses are coming fine. Now we will show ordered products like we have shown at frontend. Open user_order_details.blade.php file and copy complete table content from there including foreach loop that we have used to show all ordered products. Create another div with row-fluid class and paste table that we have copied from user_order_details.blade.php file as shown in video. Show more information in Order details like Order Total, Shipping Charges, Coupon Code, Coupon Amount and Payment Method. Make one more both for Update Order status that we are going to work on in next video. Admin can able to update the order status from there. So stay tune for next video. Thanks for watching :)
In Part-15, we are going to create Modal Pop-up for showing complete user details of any particular user. It is not possible to show complete user details in datatable so its better to show complete details in modal pop-up. We will copy this Modal pop-up script from Matrix admin template and insert it in view_users.blade.php file. First we will update our links in view users blade file like View Details, Edit and Delete. So copy these from widgets.html file from Matrix admin template and replace them in our file. Now, we will copy View Popup script from interface.html file from Matrix Admin template and we will first try to integrate statically and then make it dynamic with user details. Now you have seen in video, we able to open modal pop-up after clicking on any of the view link. But now we will make it dynamic. We will add user id with #myModel so that we can open seperate Popup for every user. Now we will copy complete dating form from step2.blade.php file and add in modal Popup div and then we will make changes there so that all user details will be shown correctly. Now you have seen in video, modal pop-up is working fine for showing complete details for every user. In next video, we will work on active/inactive status for users. Every time when user register and submit his dating profile, we are keeping their status as inactive and admin can make them active from admin panel after accessing their details. So stay tune for next video.. thanks for watching :)
Previous Video | Ecom Part 8: 🤍 In Part 9, we will display all products in admin panel. We will create view-products blade file in which we will show all products in datatable like we have done for categories in earlier videos. 1) Create Route :- First of all, create GET route in web.php like below :- Route::get('/admin/view-products','ProductsController🤍viewProducts'); 2) Create Function :- Create viewProducts function in ProductsController that will return to view_products blade file. 3) Create view_products blade file :- Create view_products.blade.php file in views/admin/products folder. Add admin design to it and datatable layout that we can copy from matrix theme or we can even copy from view categories blade file and make changes. 4) Update viewProducts function :- Update viewProducts function to get all products to display in view_products blade file. 5) Show Category Name :- We will show category name as well in view products blade file so that it give us more clarity about which products are located under which category. Update view_products.blade.php file to add Category name. 6) Show Product Images :- We will also show product images in products datatable. See now in video, our view products page is ready and all products seems to be fine with images as well. So in next video, we will use modal popup to display complete product details. So stay tune for next video.. Thanks for watching :) Next Video | Ecom Part 10: 🤍
In Part-14, we will work on admin panel and display all the users with jQuery Datatables. You can search it for Google for more information. We have also used it in E-com series. It is jQuery plugin that displays the data in table format with many features like search, paging etc. And, in our matrix admin template, its already present so we are going to use it. We will also work on hasOne relationship to define the relation between users and users_details tables so that we can display additional user details in admin panel too that admin can check before approve. 1) Create Route :- We will create GET route for displaying users in view users blade file in web.php :- Route::get('admin/view-users','UsersController🤍viewUsers'); 2) Create viewUsers Function :- Now create viewUsers function in UsersController to get all the users and return to view users blade file. 3) Create view_users.blade.php file :- Now create view_users.blade.php file in users folder that we will create under admin folder and we will include admin design to it. After adding admin design, we will copy data table from matrix admin template from tables.html file. We can copy the div part with id content and then remove unwanted code and keep data table only. Now you have seen we able to display all the users in datatable in view users blade file. Now we also want to display users details from users_details table and for that we will add relationship between them. 4) Update Model :- Now we will update User model to build relationship between users and users_details table and we will use hasOne relation. 5) Update viewUsers function :- Now we will update viewUsers function to add relation that we have build in User model. We can do this like below :- User::with('details') You have seen in video that we able to build the relation between users and users_details table and now in next video, we will display all information of user from users_details table in model pop up so that admin can see that information and can approve the user. So stay tune for next video.. Thanks for watching :)
.svg){kind=small}
