roopeshsn / freshcomm

A self-hostable ecommerce application with a focus on developer productivity and ease of customization.
MIT License
47 stars 57 forks source link

Style Shopping Cart Page #18

Closed roopeshsn closed 1 year ago

roopeshsn commented 2 years ago

Here's the shopping cart page of Freshbey

cart-freshbey

The position of the elements is not perfectly aligned. Style it as you like. But follow the color theme!

React Bootstrap is used for styling. Also, the Zephyr theme is used from Bootswatch.

roopeshsn commented 2 years ago

When raising your PR, attach the screenshot of the finished shopping cart page.

imSmaity commented 2 years ago

You can use img-fluid.

emilylubkert commented 2 years ago

I'd like to work on this!

roopeshsn commented 2 years ago

Sure, Go ahead!

emilylubkert commented 2 years ago

Can you tell me more about how you want it to look? I can move the search box over so everything is aligned on the left, but the product and subtotal boxes look aligned to me on their top edges, and everything lines up nicely when you resize the window. Nice work on all of this, by the way! Screen Shot 2022-05-04 at 8 35 51 AM

roopeshsn commented 2 years ago

Here is my desired output

desired-cart-page

The subtotal card should align on the right and the product card should elongate double the size. So that the whitespace will be covered in the bigger screen sizes. Also, there should not be any change on the navbar. Hope this clears!

Thanks for taking your time to contribute!

emilylubkert commented 2 years ago

Does this look good? Screen Shot 2022-05-04 at 11 04 16 AM

roopeshsn commented 2 years ago

Nice! Whether it is responsive on smaller screens?

emilylubkert commented 2 years ago

Yep! Here is how it looks on several different screen sizes. XL: freshbey_xl L: freshbey_l M: freshbey_m S: freshbey_s

roopeshsn commented 2 years ago

Good work @emilylubkert 👏

vansh12345341 commented 2 years ago

Hey i would like to style this cart page for you ....can you describe me how you want it too look ?

xscottxbrownx commented 2 years ago

Seems like you enjoyed @emilylubkert work... is this issue ready to be closed? Or did you have more in mind @roopeshsn ?