Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

E-commerce product page using SCSS, JS and glide.js

@matibox

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I feel like I improved my skills so much during this project, I noticed I did my JS logic way faster than in the previous projects!

Any feedback is highly appreciated :)

Community feedback

Erick 270

@d3bu6m3

Posted

Congratulation for finishing this challenge, I have something that I think it shouldn't work that way, It is the add (+) button in the quantity which is must be an add to the quantity but not to the cart item

1 item = 1 cart item (data-totalitem=1)

2 item = 2 cart item (data-totalitem=2)

1 item/2 quantity = 1 cart item (data-totalitem=1)

which mean is that if there is 2 different 'product id' you must see in the cart a number of 2 but if there is 1 product id but with 2 quantity the cart number must be 1 but the quantity which is ($125 x 2) should be increased

Marked as helpful

1

@matibox

Posted

@d3bu6m3 Thank you, this makes sense as your idea is better for future expansions. I was thinking about making an array of objects, and each object would represent a different product. Thanks for your feedback!

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord