Finally finished with the hard part. So I managed to figure the layout issue out for when my cart was empty. Then I focused on my checkout button since I can’t use stripe for now I decided to just use alerts and make the products vanish from the cart after. Now the last part is to make my website responsive, and I’m good to go.
I’ve been working on my cart for a while at first I had to fix some layout issues and then I had to figure out a way on how to even make a cart with local storage. At first I made the add to cart button from my product.html save the product and then put it inside the cart. After that I tried to delete the product using the trash icon . Then I focused on the quantity plus and minus buttons, so when you pressed the buttons it would show the number of quantity on the input and the price right next to it would multiplicate or differentiate depending on the button you pressed. The total of the products would also show below where the checkout button is, which I still have to modify so it will do at least something. I also managed to make a what if the cart was empty but it looks kinda rough so I’ll be working on that.
Just finished the cart layout. It was pretty hard especially since at first I started using table in html but confused td with tr so when I switched from td to tr everything looked a mess and had to start from scratch. After that I became sick of the table element and just started using div and now I’m just glad it doesn’t look bad. Now I’ll be focusing on the logic part using javascript.
I am finished with the products page and now I’ll go on with the 2nd last thing on my list. Please feel free to look at my other devlogs and give me feedback. I would love to hear your opinion on my layout.
I’ve made a bunch of modifications but I still need to work on a few things. I hope y’all like it.
Trying to make everything fast and pretty later. I’m not sure about the design choice, either like that or everything has that pink color.
Currently working on my crochet website. It definitely needs a lot of work.