Kundenverwaltung: Kontonavigation über den Kontoseiten

Profil, Bestellungen und Abonnements haben oben eine Navigation mit Abmelden, in beiden Darstellungen. Ohne Widget fand der Kunde seine Bestellungen bisher nicht.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

3 files changed, 35 insertions, 0 deletions

diff --git a/views/css/frontend.css b/views/css/frontend.css
index 848fa66..b4efee1 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -296,6 +296,15 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 /* Bestellvariablen */

 .wpsg_checkout .wpsg_mod_ordervars_field { display:inline; }

 

+/* Kontonavigation */

+.wpsg-account-nav { margin:0 0 2em; border-bottom:1px solid #DDDDDD; }

+.wpsg-account-nav__list { display:flex; flex-wrap:wrap; gap:0 1.5em; margin:0; padding:0; list-style:none; }

+.wpsg-account-nav__item { margin:0; }

+.wpsg-account-nav__item--logout { margin-left:auto; }

+.wpsg-account-nav__link { display:inline-block; padding:0.6em 0; text-decoration:none; }

+.wpsg-account-nav__link:hover { text-decoration:underline; }

+.wpsg-account-nav__link[aria-current="page"] { font-weight:700; text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:0.4em; }

+

 /* Profilseite */

 .wpsg_profil .wpsg_pwdvergessen_link { line-height:30px; }

 .wpsg_profil .wpsg_mod_kundenverwaltung_login, .wpsg_checkout .wpsg_mod_kundenverwaltung_login { float:right; }

diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index 0496682..b492bc3 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -292,6 +292,13 @@
 .wpsg-steps__number::after { content:"."; }
 
 /* Kundenkonto */
+.wpsg-account-nav { margin:0 0 2em; border-bottom:1px solid var(--wpsg-color-line); }
+.wpsg-account-nav__list { display:flex; flex-wrap:wrap; gap:0 1.5em; margin:0; padding:0; list-style:none; }
+.wpsg-account-nav__item { margin:0; }
+.wpsg-account-nav__item--logout { margin-inline-start:auto; }
+.wpsg-account-nav__link { display:inline-block; padding:0.6em 0; color:inherit; text-decoration:none; }
+.wpsg-account-nav__link:where(:hover) { text-decoration:underline; }
+.wpsg-account-nav__link:where([aria-current="page"]) { font-weight:700; text-decoration:underline; text-decoration-color:var(--wpsg-color-accent); text-decoration-thickness:3px; text-underline-offset:0.4em; }
 .wpsg_profil :where(.wpsg_pwdvergessen_link) { line-height:30px; }
 .wpsg_profil :where(.wpsg_mod_kundenverwaltung_login), .wpsg_checkout :where(.wpsg_mod_kundenverwaltung_login) { float:right; }
 .wpsg_profil :where(.wpsg_saveButton) { float:right; }
diff --git a/views/mods/mod_kundenverwaltung/account_nav.phtml b/views/mods/mod_kundenverwaltung/account_nav.phtml
new file mode 100644
index 0000000..45a8ea1
--- /dev/null
+++ b/views/mods/mod_kundenverwaltung/account_nav.phtml
@@ -0,0 +1,19 @@
+<?php
+
+	/**
+	 * Kontonavigation über Profil, Bestellungen und Abonnements, nur für angemeldete Kunden
+	 * @version 4.6.1
+	 */
+
+	defined('ABSPATH') || exit;
+
+	$arNav = $this->view['wpsg_mod_kundenverwaltung']['nav'];
+
+?>
+<nav class="wpsg-account-nav<?php echo (($arNav['align'] !== '')?' '.esc_attr($arNav['align']):''); ?>" aria-label="<?php echo esc_attr__('Kundenkonto', 'wpsg'); ?>">
+	<ul class="wpsg-account-nav__list">
+		<?php foreach ($arNav['items'] as $item) { ?>
+		<li class="wpsg-account-nav__item wpsg-account-nav__item--<?php echo esc_attr($item['key']); ?>"><a class="wpsg-account-nav__link" href="<?php echo esc_url($item['url']); ?>"<?php if ($item['current']) { ?> aria-current="page"<?php } ?>><?php echo esc_html($item['label']); ?></a></li>
+		<?php } ?>
+	</ul>
+</nav>