You've already forked wc-bootstrap
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:
23
templates/myaccount/navigation.html.twig
Normal file
23
templates/myaccount/navigation.html.twig
Normal file
@@ -0,0 +1,23 @@
|
||||
{#
|
||||
# My Account Navigation (Bootstrap 5 Override)
|
||||
#
|
||||
# Renders the sidebar navigation for the My Account area
|
||||
# using Bootstrap list-group component.
|
||||
#
|
||||
# WooCommerce PHP equivalent: myaccount/navigation.php
|
||||
#
|
||||
# @package WcBootstrap
|
||||
# @since 0.1.0
|
||||
#}
|
||||
|
||||
<nav class="woocommerce-MyAccount-navigation" aria-label="{{ __('Account navigation') }}">
|
||||
<div class="list-group">
|
||||
{% for endpoint, label in wc_get_account_menu_items() %}
|
||||
<a href="{{ wc_get_account_endpoint_url(endpoint)|esc_url }}"
|
||||
class="list-group-item list-group-item-action{% if wc_get_account_menu_item_classes(endpoint) matches '/is-active/' %} active{% endif %}"
|
||||
{% if wc_get_account_menu_item_classes(endpoint) matches '/is-active/' %}aria-current="page"{% endif %}>
|
||||
{{ label|esc_html }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user