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

View File

@@ -0,0 +1,47 @@
{#
# Lost Password Form (Bootstrap 5 Override)
#
# Form to request a password reset email.
#
# WooCommerce PHP equivalent: myaccount/form-lost-password.php
#
# @package WcBootstrap
# @since 0.1.0
#}
{{ do_action('woocommerce_before_lost_password_form') }}
<form method="post" class="woocommerce-ResetPassword lost_reset_password">
<p class="mb-3">
{{ apply_filters('woocommerce_lost_password_message', __('Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.')) }}
</p>
<div class="mb-3">
<label for="user_login" class="form-label">
{{ __('Username or email') }}&nbsp;<span class="text-danger" aria-hidden="true">*</span>
<span class="visually-hidden">{{ __('Required') }}</span>
</label>
<input type="text"
class="form-control"
name="user_login"
id="user_login"
autocomplete="username"
required
aria-required="true" />
</div>
{{ do_action('woocommerce_lostpassword_form') }}
<div class="mt-3">
<input type="hidden" name="wc_reset_password" value="true" />
<button type="submit" class="btn btn-primary" value="{{ __('Reset password') }}">
{{ __('Reset password') }}
</button>
</div>
{{ wp_nonce_field('lost_password', 'woocommerce-lost-password-nonce') }}
</form>
{{ do_action('woocommerce_after_lost_password_form') }}