search

woocommerce / woocommerce-ios

WooCommerce iOS app
https://www.woocommerce.com/mobile
GNU General Public License v2.0
299 stars 110 forks source link

Creating a shipping label UI #13550

Open atorresveiga opened 1 month ago

atorresveiga commented 1 month ago 
### UI Elements
- [ ] Collapsible items section
- [ ] Hazmat section (no navigation for now)
- [ ] Add a package button (no navigation for now)
- [ ] Shipping rates placeholder section
- [ ] View order details bottom sheet

Image

Some considerations from design:

  • We’ll use the existing entry point for now. I’ll revise the shipping labels section in Order Details in M4.
  • Addresses will not be editable for now. Those designs will be in M2.
  • It’s not 100% clear from the image, but I’m proposing an adjustment to the details sheet: I think it should go full screen. This is what other apps do with similar sheets, and it feels more confident than the semi-screen version we use in order creation right now. There will always be enough content in the label order details to justify it, too (in order details, the totals section can sometimes be relatively short). The options at the bottom should be fixed, and the rest should be scrollable. I’ve proposed how they could be side-stacked in landscape format in Figma.
dangermattic commented 1 month ago

Thanks for reporting! 👍