Ecommerce Website | Add to Cart | Delete from Cart | HTML, CSS & JavaScript
ฝัง
- เผยแพร่เมื่อ 12 พ.ย. 2022
- #html #css #javascript #tutorials
Here we will learn to create a product page design and its functionality.
Using the map method, we will add items to the cart and delete the individual item from the cart.
source code: shorturl.at/htH12
thanks(;
You should do everything with it eventually.
not working
link not working
check again@@SMARTBOY-ri8sz
It kind of videos of video that help us to improve for build website using HTML CSS and JS , good videos
First like video thank q very much
TU ES O SALVADOR!!!! OBRIGADO RONALDO DE DESENVOLVIMENTO WEB
Hello @Learning Axis, I really like your video but i cant find a way to figure out how to use the localstorage to keep the igem in cart after refresh of page.
I can't get enough of this video. It's one of those rare gems that you want to watch over and over again, and each time you notice something new and exciting.
Thank you
Thankyou, sir. It's work 🙏
Its just osm❤😊
thanks for your work! hoping for more videos in the future!
sure
you use innerHTML a lot and it is said to be a bad habit as far as security is concerned. is it on purpuse?
Brilliant, brilliant, brilliant!!!!
Nice Video...Very helpful
thank you
Thank you sir
What datatype u have choose for image column?
thank you so much for this
Amazing Video! I always had cart problems and every video i had seen was not-responsive or something like that. Your video was all I needed to achieve my whole website up to the point. Great Work, Keep It Up! Also, do you have a video on a login/sign up page in html? Please Inform me.
thank you
Thank you, your video is awesome!
Thanks
Sir! Hum java k code ki jaga image ka code wasay nai likh skty div me simple ??
what if is a multiple time you select a goods like 30times would you be clicking add to cart 30 times
how to get it saved , so even if i open it after closing the items i put on carts are still there
can i get complete code please reply?
Can you please explain local storage for this code?
Hello, i liked your video tutorial, can you please help me to add the add to cart into database phpmyadmin, and how to display the add to cart into checkout page and the checkout is also added into database
Very helpful, thank you so much❤
Thank you
Hello.
I like your video its so easy to follow, great work.
I have a question, how to add to cart products based on weight, example 14€/kg,?
first, you have to add weight and unit price to objects of the array.
Next, create a function that calculates the price according to the weight.
Last, call that function into the main function
Could you provide source code??
Hello sir @Easy Learn Axis, thank for this amazing video,
just wonna know what font awesome is used for and how to use it on your code ?
Im a beginner in coding thx. 1:32
Font-awesome is a library of CSS classes and icons that you can import into your code via a script tag that you copy and paste. they have basic and premium subscriptions.
when the page reloads the cart is empty. but I won't stay the cart element
Awesome video am watch your full video. if you give me your source code I would benefit. Thank You so much for uploading this kind of video.
source code: shorturl.at/htH12
Hlw sir, Js code mai error aa rhii h sir!? Plz correction btaa dijiye
amazing job! i had an easy time following along and recreating it. My only question is how can I make it look better on mobile phone? when i pull it up on my phone, it looks squished
You can use media queries for all screens to be responsive, that's what I usually use and it works well.
@@natashamuhanjiavugwi1807 what is media queries
Thank you so much, i really want it, thank you thank you thank you really thankful 🤧🤧
thank you,
@Learning Axis, Hi the page looks great, I opened the page using the code you provided to download, I noticed if a few products added to cart the image container starts stretching down the page moving images, could you please check that?
ok, you have to create different div container for cart items. I think I have used single div container for both (Products and cart items).
Awesome channel. Thanks a lot. Is it possible for each lesson source code? Thank a lot again.
Yes I will provide saource code, Thank you
@@learning-axis source code
@@kavipriya8871 source code: shorturl.at/htH12
I think posting the image links will help too 😊
I provided the link with source code and image files in description
@@learning-axiswhere is the source code?
hello, do you have github?
Hello, this is a bit of a stupid question but how do you get the whole program to run on google chrome (because right now I only get the HTML one running on chrome without the css and javascript)? Thank you for your video, it is great!
The whole program is running on your chrome. You just need to open html file on chrome
@@learning-axis Please share the code files and the links in the description as soon as possible 🙏 thank you so much
do i make it work if the page from where i add the item are different from the one of the cart?
yes you can
Bhai video mai song daalne ki wajai explain karna jyada sahi hota hai
Hi , how did you add your pictures onto the cart
I tried adding mine but they won’t appear they are inside a folder for images I want to know how to add them onto the cart
use right path and name of images, it will work
thank uuu
you welcome
How to host HTML ecommerce website through C-panel
Kindly help me with this... I am unable to understand that why he is writing the html code in js file ... What it's called and where I can learn about it 8:08
Help please...
...same,what happend there
image error pls help me
How could i add separed category to this products. I would like to see something like this: category a: products; category b: products etc. I would like to get sample code if you want to help
You can do it by using the filter method.
And I will also create a video on this within 2 or 3 days.
Thank you
@@learning-axis But what about adding products to a separate category (after click buy), it requires some complex stuff, indexing everything and so on.
hello hope you are fine below is the link for category filter: th-cam.com/video/62QlzC2CVco/w-d-xo.html
The downloaded code is running yet when i copy and paste it does not run do you know what might be causing this?
kidhar se download kiya bhai?
How can I show the total price on this page from a different page?
(Payment page from your video)
you need to create a separate component for that
share another link for the code please the link you sent doesn't work
Bro mean code ot
Why so much java script code ? 🙄
It's real beauty 😂 of Javascript
I am not sure at all what you were expecting
how are you getting the image to appear from js to the browser. because i followed the steps and the images are not showing please.
because i put all my images in res, i'm really new to this.
enter correct paths of all images
cart image is not showing..pls provide th fontawsm link
you should create your own fontawsm account
How to add another set of products to the next row
you just need to put image and details in array of objects
Hello, anyway to send the cart's info to email?
yes it can be sent by usingPHP
How photo???
We can't find the source code in the description! Can you give it here to us please.
source code: shorturl.at/htH12
hello, great video, but what if my cart is on a diffrent html page?
for those who have the same problem i think that if you link the two html to the same .js it should work
Hello
how to send cart details to database?
using php
What if your cart is table? How to add all these things inside the table?
Just use the table tag and assign it an id.
@@learning-axis i already did it, but i want when press add to cart button to move product name, price, img etc. to the table but not working well
@@nikolatomic4306 See this video th-cam.com/video/bbaRfHMN4xI/w-d-xo.html
I used table tag for cart items. It may help you.
Maaf mau tanya itu bagaimana ya cara memanggil fotonya di JS?
dengan memanggil jalur gambar
Could you provide source code ?? I have same this one project
source code: shorturl.at/htH12
@@learning-axis .
@@drazmooo8498 yes
Responsive??
I got error at line number 36 and 37 in js file ...please help
there may b a erroe in your code. see description for source code
how-to-add-items-to-the-cart-from-different-html-pages-using-javascript
holy-shitt balls, this is the moust challenging application I have made!! those returns stamtents aint NO joke!!
cool
@@learning-axis thank you for your guide, I learned new techniques I didn't know.
thank you@@bojacksworldwideweb
Can I add 50 product in same page?
yes just add objects in given array.
Can you please tell how to connect it to my website 😭my sir is gonna check tomorrow!
where images?
It seems that the link for the source code cannot be reached?
No, it's working
Is this project suitable for a resume for beginners?
may be
you may combine videos(pagination, category filter, and add to cart) to make project for resume.
Source code link is not working please give another link fast
source code: shorturl.at/htH12
Please source code give in the description plzz
can you provide the source code of this video?
source code: shorturl.at/htH12
@@learning-axis it's not working
@@zareentaj1960 check again it's working
What is the src image in
These images are stored in array of object. When we need any image we call it from that array.
How can to add check out button below the total
Like storing the total into MySQL db
@@coolpatatas9659 it can be done by using php
Can you do another tutorial using this project?
@@coolpatatas9659 Now I am just making front-end tutorials. Later I will start back-end.
3:55
5:57
why we have use [...new set ] line no 27
to destructure the array
How can I change the images
from the array of objects in javascript
kasooti
Source Code Please.....
source code: shorturl.at/htH12
Can you please share the source code with us. Please🥺
see description
another incomplette cart video ...(where is the case when customer add same product more times ,should have also that option with a + - arrow to select in the cart )
source code pls?
source code: shorturl.at/htH12
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
I want the source code
source code: shorturl.at/htH12
please code Source
One problem images are not showing
did to write the correct path of images?
when i click on the button it shows an error .....Cannot set properties of null (setting 'innerHTML')
source code: shorturl.at/htH12
see this code you may get your problem.
@@learning-axis thanks you
Image is not showing plzz help
first you have to download images, then write the correct path of each image
source code: shorturl.at/htH12
how to add ₹ instead of $
replace $ with ₹
I want the code please the full code
see description
sir i have a question k java ma img ka name likhna apnay sath image b likha wo kis liya likha ha meri image show hi nai hu rai ma nay likha tu
kindly plz reply
imgae ka complete path likhna prta ha.
image main image file store krty hain phir us ko map method main call kraty hain.
@@learning-axis sir i cant get your point plz tell in detail
@@AmeenaSattar-id3ox first I declared image element in object of array as you can see In javascript.
after that I use map method and then I call image from that array.
Please answer my comment 🙏🏻@@learning-axis
source code?
source code: shorturl.at/htH12
Source code plZ
source code: shorturl.at/htH12
hi can you provide the source code for this video
there is a code link in description
nahi hai desc mai lavde@@learning-axis
source code: shorturl.at/htH12@@atharvdesai2638
My Images are not showing
source code: shorturl.at/htH12\
check this code if it is working?
You link is not working
@@sanasingha7600 source code: shorturl.at/htH12
Thanks now it's working 🥰
How can you add a discount code to this?
you mean promo code discount?
Yeah so you can enter a code and then you get a percentage of money of your total
@@karam_ah1359 watch this video: th-cam.com/video/bbaRfHMN4xI/w-d-xo.html
@@learning-axis good vid! , but are you able to add the promo code to this code instead? If you can, would be much appreciated bro
nu inteleg ma pis pe el
where is the cartItem Id?
it is in the array of objects
Can y provide code ?
source code: shorturl.at/htH12
@@learning-axis Thanks