You've already forked wc-bootstrap
Redesign navigation with endpoint icons, offcanvas-lg responsive pattern, and sticky sidebar. Replace flat dashboard with card-based welcome greeting (avatar) and quick-action grid. Wrap all forms (edit-account, edit-address, lost/reset-password) in card sections with icon headers. Restructure view-order with summary card and status badge component. Override WooCommerce's float-based layout and max-width constraint to let Bootstrap flex grid handle sizing. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
59 lines
2.0 KiB
Twig
59 lines
2.0 KiB
Twig
{#
|
|
# Lost Password Form (Bootstrap 5 Override)
|
|
#
|
|
# Form to request a password reset email, wrapped in a
|
|
# Bootstrap card for visual consistency.
|
|
#
|
|
# WooCommerce PHP equivalent: myaccount/form-lost-password.php
|
|
#
|
|
# @package WcBootstrap
|
|
# @since 0.1.0
|
|
#}
|
|
|
|
{{ do_action('woocommerce_before_lost_password_form') }}
|
|
|
|
<div class="card shadow-sm">
|
|
<div class="card-header">
|
|
<h2 class="h5 mb-0">
|
|
<i class="bi bi-key me-1" aria-hidden="true"></i>
|
|
{{ __('Lost your password?') }}
|
|
</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="post" class="woocommerce-ResetPassword lost_reset_password">
|
|
|
|
<p class="text-body-secondary 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') }} <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>
|
|
</div>
|
|
</div>
|
|
|
|
{{ do_action('woocommerce_after_lost_password_form') }}
|