Implement Phase 6 & 7: My Account and Order Details templates (Bootstrap 5, HPOS)

Phase 6 - My Account (15 templates):
- Account layout with sidebar navigation (list-group) and content area
- Orders table with status badges, pagination, and responsive design
- View order with order notes as list-group items
- Address cards with edit/add buttons
- Login/Register side-by-side card layout
- Account edit, password change, downloads, payment methods forms
- Lost/reset password forms and confirmation

Phase 7 - Order Details (5 templates):
- Order details table with items, totals, and customer note
- Line item rows with refund quantity display
- Customer billing/shipping address cards
- Order tracking form
- Order again button

All order templates use WC_Order object methods only (HPOS compatible).
Bootstrap 5 components: cards, tables, list-groups, badges, forms, alerts.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-28 10:43:30 +01:00
parent 594d810439
commit 8b1793097c
22 changed files with 1377 additions and 20 deletions

40
PLAN.md
View File

@@ -600,29 +600,29 @@ Track completion per file. Mark with `[x]` when done.
### Phase 6 -- My Account
- [ ] `myaccount/my-account.html.twig`
- [ ] `myaccount/navigation.html.twig`
- [ ] `myaccount/dashboard.html.twig`
- [ ] `myaccount/orders.html.twig`
- [ ] `myaccount/view-order.html.twig`
- [ ] `myaccount/my-address.html.twig`
- [ ] `myaccount/form-edit-address.html.twig`
- [ ] `myaccount/form-edit-account.html.twig`
- [ ] `myaccount/downloads.html.twig`
- [ ] `myaccount/payment-methods.html.twig`
- [ ] `myaccount/form-add-payment-method.html.twig`
- [ ] `myaccount/form-login.html.twig`
- [ ] `myaccount/form-lost-password.html.twig`
- [ ] `myaccount/form-reset-password.html.twig`
- [ ] `myaccount/lost-password-confirmation.html.twig`
- [x] `myaccount/my-account.html.twig`
- [x] `myaccount/navigation.html.twig`
- [x] `myaccount/dashboard.html.twig`
- [x] `myaccount/orders.html.twig`
- [x] `myaccount/view-order.html.twig`
- [x] `myaccount/my-address.html.twig`
- [x] `myaccount/form-edit-address.html.twig`
- [x] `myaccount/form-edit-account.html.twig`
- [x] `myaccount/downloads.html.twig`
- [x] `myaccount/payment-methods.html.twig`
- [x] `myaccount/form-add-payment-method.html.twig`
- [x] `myaccount/form-login.html.twig`
- [x] `myaccount/form-lost-password.html.twig`
- [x] `myaccount/form-reset-password.html.twig`
- [x] `myaccount/lost-password-confirmation.html.twig`
### Phase 7 -- Order Details
- [ ] `order/order-details.html.twig`
- [ ] `order/order-details-item.html.twig`
- [ ] `order/order-details-customer.html.twig`
- [ ] `order/form-tracking.html.twig`
- [ ] `order/order-again.html.twig`
- [x] `order/order-details.html.twig`
- [x] `order/order-details-item.html.twig`
- [x] `order/order-details-customer.html.twig`
- [x] `order/form-tracking.html.twig`
- [x] `order/order-again.html.twig`
### Phase 8 -- Emails