I'm new to this thing when i downloaded the codes my cart did not look even close to yours which is what i was hoping for , the codes are just not the same , its like they made half on purpose , they are just incomplete , thanks for helping us but i guess we need more help .
I regard this tutorial as complex. How many years of experience do you have sir. But i appreciate everything after all i find this complex - The extensive nature of the code you've written
Keyword in the video: localStorage is a web storage technology in web browsers that allows websites and web applications to store key-value pairs in a client's web browser. It provides a simple way to store data on the client side, which can be useful for various purposes, such as caching data, storing user preferences, or maintaining the state of a web application.
Thanks a lot!! I am new to frontend development and slowly learning all these things one by one and this tutorial is one of the best and your slow explanation really helped me grasp all these
Thank you for making this great video. I found it at the right time as I'm working on a simple e-commerce project for practice but this add-to-cart functionality was a problem. Now I can translate what I've learned here to make my project work. Keep making cool videos like this. And I'm a subscriber now!
Thanks for the useful tutorial, how can I add the total price of all articles in the cart? And also is there a method to calculate the tax for each article? Thanks in advance...
Hi lun, thanks for explaining clearly on point to point And one requirement from my side how to filter the products using search in real time can please explain if possible
I think a semi transparent glassmorphism effect shopping cart panel background instead of black would be better and not as jarring for the user. Or let the cart view take up only 33% of the screen instead of half and the product items collapse items into a single column on mobile 2 on tablet etc so the user can scroll thru items and ads them to the cart on the side all whist keeping tabs on their cart
great job👌thx a lot ❤ hoping you're doing well, Lun could it it possible to create that using classes? and if yes, it'll be much simper with classes than this way?
Great and useful video. It’s been easy to understand everything you did. Best wishes from Ukraine 🙂 And sorry for my English, I might have made some mistakes )
Thanks you so much for this video but How can I make the product details. Have watched explanations of it on your channel but it is not working pls i need ur help
Please Assist, not sure what I did wrong here I’m stuck here 22:45 , I’ve got an error of “Uncaught TypeError: Cannot set properties of null (settings ’innerHTML’ ) at addCartToHTML (cart.js:64:28). Been at it for an hour now, I followed the video step by step, even went to copy the code you left for us but still the same error 😢. I really hope you reply 🙏🏾.
Hey I am unable to get the JavaScript code tht you have told i am not getting output I.e clicking on icon the shopping cart is not displaying do you have any solution for that...??
Hi, actually i am doing the same code in visual studio 2022 (community) I am having probelm when you downloaded live server in vs live server is not available hence i am unable to select go live option Please help me
Hey In my website shopping cart is not working when add a class on body and try to refresh page cart is not showing up. just following your code. Can you please Help me with this. Many thanks
everyone who visits my site will have to run a local host to use this poducu isn't it ? or when i get a hosting sever they'll automatically see it all ???
hi how is the are the arrows located in the btn class when they are in the quantity div class? everything works fine up till you get to the 28 minute mark then the code can't find the .image so any idea why that happens?
bro help please i type all this but i had some problems i make a folder called image and i call the chair image/1 cuz this (/) cant be a name and it didnt work because of this i'm stuck i cant do any think else
Có á. Em xem video thì em sẽ thấy mình đã lưu data vào bộ nhớ rồi. Thì đi qua trang nào củng sài được. Trong page có 1 video " thêm giỏ hàng và thanh toán " á. Em xem tham khảo nha. Nhưng video đó lưu data bằng cookie. còn video này lưu bằng Localstorange. Em thay cookie bằng localstorange là được
Hello, when I click on the arrow to change the quantity the number does not change instead it adds 3 more items to the cart and when I refresh it's not loaded, it only ads more items when I click on add to cart. Where could the mistake be? (I cannot remove any item due to that)
Actually the video make sense but how do I params item on cart to params to the next page when a user click on checkout and it also display total price
Don't worry, I made another video to show people how to put this information on another page simply, Please visit my site, find the video "shopping cart and checkout javascript"
Watch videos in your home language by: Settings icon in video ⚙️ -> subtitles -> Automatic translation. để xem tiếng Việt: Cài đặt -> Phụ đề -> Dịch tự động ❤️
Fetching data from JSON is not seems complex. I have clear and re-write the code multiple times yet it didn't work. please help... if you have a repository where i can copy the code i dont mind. i have been on it for hours
Nếu em cảm thấy cách học hiện tại của mình ( học cơ bản từng cái từng cái) không hiệu quả. Thì hãy đổi sang phương pháp khác, đó là làm bài tập lớn luôn. Video này chính là một bài tập lớn. Khi em xem em sẽ đụng chạm tới nhiều kiến thức về Javascript trong 1 lần luôn. Thì em sẽ học được cơ bản nhiều kiến thức trong 1 lần và biết cách vận dụng nó vào 1 bài tập thực tế luôn. Đồng thời cách này củng khiến mình học đúng những thứ cần để giải quyết bài toán. Không cần phải học luyên thuyên những thứ mà có khi thực tế không bao giờ sử dụng. Cách học này nó hơi đau đầu nhưng hiệu quả lại có nhanh hơn so với cách của em. Ngày xưa khi đi học anh học theo cách này nè ^^ Mỗi người sẽ phù hợp với một phương pháp khác nhau, anh để lại comment củng chỉ để chia sẽ và mang tính " góp ý", chứ nó sẽ không luôn luôn đúng nhé ^^
Im not sure what im doing wrong but my images will not all load i have followed step by step. it says nothing it wrong please help i wasted hours doing this just for my images to not load only one. i need to know what i need to name my product price and product name...
im a collage student going for IST more leaning to the coding side so just trying to learn how to do these things because these are the types of websites i will be making to make money from hopefully @@lundeveloper
![BOWKYLION - วิงวอน (ex-change) [Official MV]](http://i.ytimg.com/vi/cLdnZWDaO-w/mqdefault.jpg)
Subscribe to the channel to see more videos and codes every day ❤🎉
Greetings sir, Pls How did you add more items in the shopping cart
@lundeveloper
sir, send a github link of this project
I'm new to this thing when i downloaded the codes my cart did not look even close to yours which is what i was hoping for , the codes are just not the same , its like they made half on purpose , they are just incomplete , thanks for helping us but i guess we need more help .
congrats on 100K subscribers bro you deserve it.
I regard this tutorial as complex.
How many years of experience do you have sir.
But i appreciate everything after all i find this complex - The extensive nature of the code you've written
Wow this is an awesome tutorial and you explained everything s easily. Thank you!
Adding Product Data (JSON) : 14:40
Fetching Data from JSON: 15:37
Changing Product Info: 17:53
Add to Cart Function: 18:07
Product ID: 18:51
Website Memory: 24:45
Increase Decrease Function: 26:01
Thank you so much 😍😍😍
Keyword in the video: localStorage is a web storage technology in web browsers that allows websites and web applications to store key-value pairs in a client's web browser. It provides a simple way to store data on the client side, which can be useful for various purposes, such as caching data, storing user preferences, or maintaining the state of a web application.
Thanks a lot!! I am new to frontend development and slowly learning all these things one by one and this tutorial is one of the best and your slow explanation really helped me grasp all these
Really awesome projects. Learn a lot of new things and how DOM works in JavaScript. It gives me very confidence. Thanks to you for this amazing video.
Thank you so much 😍😍
Thank you so much for the explanation 🙏🙏
Works like a charm, thanks.
Very useful tutorial.. Thanks a lot ❤
Having trouble with opening and closing shopping cart tab when clicking on the shopping cart icon, made sure to review steps
I'm really grateful for your work.
One word awesome
Very Useful tutorial.
dude! you are like sent from heaven.keep up the good work
ultimate
Thank you for making this great video. I found it at the right time as I'm working on a simple e-commerce project for practice but this add-to-cart functionality was a problem. Now I can translate what I've learned here to make my project work. Keep making cool videos like this. And I'm a subscriber now!
It's great that my sharing can help you a little
khi trưa mk kiếm video này hôm trước,
tks Lùn 🎉
Có video sớm tí là hay rồi ^^
creat video with audio it makes easy to understand please continue teaching us the same way sir...
good
Thanks for the useful tutorial, how can I add the total price of all articles in the cart? And also is there a method to calculate the tax for each article?
Thanks in advance...
Thank you so much sir ❤❤❤❤
>
Can you please combine the product details video with this video and and make a final one with both product details and add to cart functionality.
Of course it can be done. That video will be published soon ❤️
Hi. That topic video has been published. Go to my youtube page to watch it
Hi lun, thanks for explaining clearly on point to point
And one requirement from my side how to filter the products using search in real time can please explain if possible
Hello. A video with detailed instructions on how to search and filter products based on many conditions will be made in the near future.
Beautiful work 🙌🏽👏🏽 I subscribed.🙏🏾
Thank you so much ❤️❤️❤️❤️
your video is very faster
I think a semi transparent glassmorphism effect shopping cart panel background instead of black would be better and not as jarring for the user. Or let the cart view take up only 33% of the screen instead of half and the product items collapse items into a single column on mobile 2 on tablet etc so the user can scroll thru items and ads them to the cart on the side all whist keeping tabs on their cart
Hay lắm bro
Nice tutorial. Thanks.
Please do you have a video where we add the total amount and proceed to checkout?
I already made it, please visit my page to see it 😍
@@lundeveloper okay. Thanks 🙏🏽
hi dude, excelent video, could you drop the link for the complete file finished
thank you so muchyour all videos are superb
🥰🥰🥰🥰🥰 Thank you 🥰🥰🥰
top top🤩 🤩 🤩
thank you
great job👌thx a lot ❤
hoping you're doing well, Lun
could it it possible to create that using classes? and if yes, it'll be much simper with classes than this way?
top top 🤩
😍😍😍
Great and useful video. It’s been easy to understand everything you did. Best wishes from Ukraine 🙂
And sorry for my English, I might have made some mistakes )
Thank you so much, love Ukraine 😍😍
❤
🥰🥰🥰🥰🥰🥰
excelent video man. Hey which font are you using for your visual studio code ?
Hi, I'm using JetBrains Mono font
Thankyou for this just earned a new follower
🥰🥰🥰 Thank you so much
Can you tell me the name of extension of your visual studio code rgb ? So awesome !
It's a theme I created myself, you'll see it in the video description ❤️
5:01
Really awesome! How do i send the total to paypal?
Up!! I need to know too
@@estherquarterolli9572 Yep
How about the check out and mode of payment function
Thanks you so much for this video but How can I make the product details.
Have watched explanations of it on your channel but it is not working pls i need ur help
I used the one with the json file
beautifull. what is your vs code theme?
It is a theme I created myself using CSS. Go to the page and watch the latest video about it
oh thanks@@lundeveloper
Nice project, but i am wondering why not use a fake API rather than fake date json data?
Nice explanation, can slow down the video speed a little bit
Thank you brother 😍
Hey, I just wanted to ask why the Github doesn't have most of the shown code in the video
What your device?
Function on in react our typescript
Can I Used the used the code please ??
is it possible to use this method on a pre-existing website?
How about checkout or database?
Brother can you Also make the payment function with it😢. It's not work I don't understand why 😢😢😢.please!!!
Why you don`t use simple localStorage instead of creating json file?
does the cart show the items on other pages?
Its a responsive website or not??
Whats is your version of vs code?
ot inabe mepa ita nung lako merin dambolang
Please Assist, not sure what I did wrong here
I’m stuck here 22:45 , I’ve got an error of “Uncaught TypeError: Cannot set properties of null (settings ’innerHTML’ ) at addCartToHTML (cart.js:64:28).
Been at it for an hour now, I followed the video step by step, even went to copy the code you left for us but still the same error 😢.
I really hope you reply 🙏🏾.
is there a reason to not directly put products info in html but using json to store the info? thx
how to save it in cookies instead of local storage and retrieve it back and update
anh người việt hạ sao mà bắn tiếng anh như gió đỉnh z anh
Hey I am unable to get the JavaScript code tht you have told i am not getting output I.e clicking on icon the shopping cart is not displaying do you have any solution for that...??
Control u Karin
Cái này dùng php session được không nhỉ?
Hi, how do you connect the data to a google sheet, etc so that the seller can track it?
Hi. There will soon be a video detailing how to get data from Google Sheets
Fetching data from JSON is not seems complex. I have clear and re-write the code multiple times yet it didn't work. please help
Add to cart 0 number is not getting visible when I did width 30px
24:43
I have an object on product obj
Hi, actually i am doing the same code in visual studio 2022 (community)
I am having probelm when you downloaded live server in vs live server is not available hence i am unable to select go live option
Please help me
Hey In my website shopping cart is not working when add a class on body and try to refresh page cart is not showing up. just following your code. Can you please Help me with this. Many thanks
everyone who visits my site will have to run a local host to use this poducu isn't it ?
or when i get a hosting sever they'll automatically see it all ???
what app are you using?
Visua studio Code ❤️
hello, I have one small project can you doit. which is similar to given video
downloaded and imported the code for the font but it wont light up :(
hi how is the are the arrows located in the btn class when they are in the quantity div class? everything works fine up till you get to the 28 minute mark then the code can't find the .image so any idea why that happens?
I fixed it I had to make an if statement to check if 'info' was a boolean and it worked
My JSON file doesn't work. Can you tell me why?
If the basket is another page, what should I do?
Same problem
bro help please i type all this but i had some problems i make a folder called image and i call the chair image/1 cuz this (/) cant be a name and it didnt work because of this i'm stuck i cant do any think
else
Dạ anhh ơi cho em hỏi là mình làm sao vừa qua trang xem chi tiết xong , mua sản phẩm nó hiện qua trang khác để điền thông tin lấy sản phẩm được ko anh
Có á. Em xem video thì em sẽ thấy mình đã lưu data vào bộ nhớ rồi. Thì đi qua trang nào củng sài được. Trong page có 1 video " thêm giỏ hàng và thanh toán " á. Em xem tham khảo nha. Nhưng video đó lưu data bằng cookie. còn video này lưu bằng Localstorange. Em thay cookie bằng localstorange là được
Hello, when I click on the arrow to change the quantity the number does not change instead it adds 3 more items to the cart and when I refresh it's not loaded, it only ads more items when I click on add to cart. Where could the mistake be? (I cannot remove any item due to that)
It's hard for me to identify your error this way. One suggestion is to download my code, then compare it with your project to find errors
@@lundeveloper Thanks I managed to fix it this way
My minus and plus sign is not adding up in shopping cart how can you help me
Actually the video make sense but how do I params item on cart to params to the next page when a user click on checkout and it also display total price
Don't worry, I made another video to show people how to put this information on another page simply,
Please visit my site, find the video "shopping cart and checkout javascript"
When you enter the showcart class body, you can't see the display, what's the solution?
I think you're giving space in your css file for body.Showcart .cartTab{ inset 0 0 0 auto; }
Dont put space bewtween body. Showcart
Watch videos in your home language by: Settings icon in video ⚙️ -> subtitles -> Automatic translation.
để xem tiếng Việt: Cài đặt -> Phụ đề -> Dịch tự động ❤️
Dạ cảm ơn vì video của anh ạ. Rất bổ ích, Mà em lại không thể chuyển thành dịch tiếng việt được ạ
@@hunggledinh1476 Ấn vào biểu tượng bánh răng -> rồi mới vô phụ đề -> nó sẽ có dịch tự động -> chọn ngôn ngử tiếng Việt nhé
HOW at 11:30 are you adding more items to the box? I don't see anything indicating that step. Please help!
I just temporarily added it directly to the browser, you don't need to worry.
Or if you want more, go to the HTML file, add more 'item' classes.
@@lundeveloper thank you!!! This whole time I thought I was missing a step.
what if i am using Django how do i link json and js file
Fetching data from JSON is not seems complex. I have clear and re-write the code multiple times yet it didn't work. please help... if you have a repository where i can copy the code i dont mind. i have been on it for hours
You can download the code in the video in the description of this video. Also, are you having the same problem as 16:00. See this to fix it
im having the same problem did you figure it out?
ClassList is not showing as a function in my visual studio code does anyone know why?
anh ơi phải học js như nào thì mới ứng dụng vào web được anh,em học cơ bản nhưng thấy không giống gì với thực tế hết.Mong anh rep
Nếu em cảm thấy cách học hiện tại của mình ( học cơ bản từng cái từng cái) không hiệu quả.
Thì hãy đổi sang phương pháp khác, đó là làm bài tập lớn luôn.
Video này chính là một bài tập lớn.
Khi em xem em sẽ đụng chạm tới nhiều kiến thức về Javascript trong 1 lần luôn.
Thì em sẽ học được cơ bản nhiều kiến thức trong 1 lần và biết cách vận dụng nó vào 1 bài tập thực tế luôn.
Đồng thời cách này củng khiến mình học đúng những thứ cần để giải quyết bài toán.
Không cần phải học luyên thuyên những thứ mà có khi thực tế không bao giờ sử dụng.
Cách học này nó hơi đau đầu nhưng hiệu quả lại có nhanh hơn so với cách của em.
Ngày xưa khi đi học anh học theo cách này nè ^^
Mỗi người sẽ phù hợp với một phương pháp khác nhau, anh để lại comment củng chỉ để chia sẽ và mang tính " góp ý", chứ nó sẽ không luôn luôn đúng nhé ^^
It does not have total price
em làm phần giỏ hàng chạy ra khi click chuột mà vẫn không được anh ạ, giờ không biết sửa sao luôn T.T
Em bật F12, chuyển qua tab console rồi click chuột để bó hiện giỏ hàng xem nó báo lỗi gì
Im not sure what im doing wrong but my images will not all load i have followed step by step. it says nothing it wrong please help i wasted hours doing this just for my images to not load only one. i need to know what i need to name my product price and product name...
Do you using extension live server in VSCode like this video ?
yes is their a certain one i must use? it loads one of my images but thats it and all my links to the images are correct
@@lundeveloper
im a collage student going for IST more leaning to the coding side so just trying to learn how to do these things because these are the types of websites i will be making to make money from hopefully
@@lundeveloper
try this images/yourpicture
i am downloading the code and it isnt working
Can you send code link
Please check Description
if i did the same code
Which extensions are you using?
in this video. Im using Live Server Extension
Hi sir actually i am getting errors in the console
hi, what error are you having?
các thuộc tính display :gird là j v a
Nó dùng để chia cột á em