coshopnz / nextjs-starter-medusa

A performant frontend ecommerce starter template with Next.js 14 and Medusa.
https://next.medusajs.com/
MIT License
1 stars 0 forks source link

Clean up Order Flow UI #3

Closed irab closed 3 months ago

irab commented 3 months ago

Remove Delivery component and ensure order step through flow is working

mandyh101 commented 3 months ago
  1. checkout?step=address docs.medisa.js.com/references/entities/classes/Address
    • can we edit the personal details form to first name, last name, phone number, email

Test the flow

  1. checkout?step=delivery

    • can we skip this and go straight to payment
  2. checkout?step=payment:

    • options should be: bank transfer or credit/debit card (constants.tsx is where they can be edited)
    • if cc is selected a stripe follow is triggered beneath for payment
    • if bank transfer is selected the user can continue to review
  3. checkout?step=review:

    • why is place order button disabled
    • edit content in review step if payment option is bank transfer to display instructions
mandyh101 commented 3 months ago

Quick update on order workflow progress:

  1. personal details section - done

    • all fields not required have been edited out
    • limited the options in the dropdown select to be NZ only
    • updated button copy to proceed to payment instead of delivery
  2. Delivery section - done

    • this section is now hidden. As we have hidden it we are not setting shipping methods handled within this component. Instead, I have commented out a reference to the shipping method in the shipping details component which contains a summary of the address and shipping method. The checkout process can be completed without filling this section in the workflow.
  3. Payment section - done

    • edited the manual option with wording and new icon to make it clear to users that they can select this for manual bank transfers
  4. Review step - WIP

    • fix conditional checks that were hiding the content and disabling the proceed to payment button because it was expecting data that we are no longer passing through
    • tested and I can reach the order success page with both manual and stripe payment selections - there is a default copy in this section - Do we need reference to/have terms of use, sale, returns etc?

Image

Other todos and questions: