Polish My Account templates with Bootstrap 5 patterns

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>
This commit is contained in:
2026-02-28 13:28:15 +01:00
parent b8001a5ab0
commit 7034134678
11 changed files with 471 additions and 259 deletions

View File

@@ -13,11 +13,11 @@
{{ do_action('woocommerce_before_my_account') }}
<div class="row g-4">
<div class="col-lg-3">
<div class="col-lg-auto">
{% include 'myaccount/navigation.html.twig' %}
</div>
<div class="col-lg-9">
<div class="col-lg">
<div class="woocommerce-MyAccount-content">
{{ do_action('woocommerce_account_content') }}
</div>