Skip to content

Conversation

scottyzen
Copy link
Owner

This pull request introduces a major redesign of the checkout address flow, improving the user experience for entering and editing shipping and billing addresses. The changes add a new AddressSummary component, update the checkout page to support editing and copying addresses, and enhance localization for address-related labels and instructions. It also refines error handling and UI consistency across the checkout process.

Checkout Address Flow Redesign

  • Added the new AddressSummary.vue component for displaying address information with edit functionality and completeness checks.
  • Refactored checkout.vue to separate shipping and billing address sections, allowing users to edit addresses independently and copy shipping to billing with a checkbox. This includes new reactive state, editing handlers, and improved conditional rendering for forms and summaries. [1] [2]
  • Updated the shipping options UI and styling for better consistency and accessibility. [1] [2] [3] [4]

Localization Improvements

  • Added new address-related translation keys (edit, shippingAddress, shippingAddressDescription, useSameAddress, noAddressProvided) to all supported languages for better internationalization of the checkout experience. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]

Error Handling

  • Simplified checkout error handling in useCheckout.ts to log errors and display a generic message, removing specific email registration checks.

These changes collectively provide a more intuitive, flexible, and localized checkout experience for users.

Copy link

netlify bot commented Aug 31, 2025

Deploy Preview for sleepy-chandrasekhar-717c3d ready!

Name Link
🔨 Latest commit 2a7bd06
🔍 Latest deploy log https://app.netlify.com/projects/sleepy-chandrasekhar-717c3d/deploys/68ca05360d959a0008a259fb
😎 Deploy Preview https://deploy-preview-323--sleepy-chandrasekhar-717c3d.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

cloudflare-workers-and-pages bot commented Aug 31, 2025

Deploying woo with  Cloudflare Pages  Cloudflare Pages

Latest commit: 2a7bd06
Status: ✅  Deploy successful!
Preview URL: https://a6042065.woo-ijf.pages.dev
Branch Preview URL: https://enhancement-checkout-address.woo-ijf.pages.dev

View logs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant