Hallo allerseits,
ich muss die barrierefreie Navigation der Website https://kv-muster.drk-intern.de/ mit webEdition nachbauen.
Das gelingt sehr gut, bis auf ein Problem, das mich zum Verzweifeln bringt.
Die Navigation soll wie folgt funktionieren:
Bei Klick auf die Hauptnavigation - beispielsweise auf "Angebote" - gelangt man zur Übersichtsseite "Angebote" und es erscheint dort ein Balken mit dem Punkt "Angebote". Klick man darauf, klappt die Unternavigation von "Angebote" auf. Darin kann man dann nochmals auf eine Ebene tiefer auf die Links zu den Einzelseiten kommen.
Bei mir ist es so, dass die Unternavigation grundsätzlich mit der Hauptnavigation beginnt. Danach kann ich auch wunderbar in die nächsten Ebenen gelangen und auch zurück springen. Aber ich möchte ja mit dem zweiten Level beginnen. Ich habe mit einem ersten leeren "we:navigationEntry" begonnen, aber leider bringt das nichts. Hier der Code, wie ich es umgesetzt habe (ab der Übersichtsseite nach dem Klick auf einen Hauptnavigationspunkt):
<div class="sub-menu__bar">
<button class="sub-menu__topic-button" aria-label="Öffne Untermenü von <we:navigationField attributes="title" />">
<span>
<svg width="12" height="12" aria-hidden="true"><use href="/we_images/svg/general-sprite.svg#chevron"></use></svg>
<we:navigation navigationname="breadcrumb" parentid="204" />
<we:navigationEntry type="folder" navigationname="breadcrumb"></we:navigationEntry>
<we:navigationEntry type="folder" navigationname="breadcrumb" current="true">
<we:navigationField name="text" />
</we:navigationEntry>
<we:navigationWrite navigationname="breadcrumb" />
</span>
</button>
</div>
<div class="sub-menu__nav-wrap" style="visibility: hidden">
<nav class="sub-menu__nav" aria-label="Untermenü von <we:textarea wysiwyg="false" name="ueberschrift" htmlspecialchars="true" />">
<div class="sub-menu__list-wrap">
<we:navigation navigationname="untermenue" parentid="204" />
<we:navigationEntry type="folder" navigationname="untermenue"> </we:navigationEntry>
<we:navigationEntry type="folder" navigationname="untermenue">
<li class="sub-menu__item visible" style="display: block;">
<button class="sub-menu__button sub-menu__button--next" style="display: flex;">
<we:navigationField name="text" />
<svg width="10" height="7" aria-hidden="true"><use href="/we_images/svg/general-sprite.svg#chevron"></use></svg>
</button>
<we:ifHasEntries>
<ul class="sub-menu__list" style="display: none">
<li class="sub-menu__item" style="display: none">
<button class="sub-menu__button sub-menu__button--back">
<svg width="10" height="7" aria-hidden="true"><use href="/we_images/svg/general-sprite.svg#chevron"></use></svg>
zurück
</button>
</li>
<li class="sub-menu__item visible" style="display: block;">
<button class="sub-menu__button sub-menu__button--next" style="display: flex;">
<a href="<we:navigationField name="href" />"<we:navigationField name="text" /> style="display: block;" class="sub-menu__link">
<span class="sub-menu__overview-label">Übersichtsseite</span>
<span class="sub-menu__link-label"><we:navigationField name="text" /></span>
</a>
</li>
<we:navigationEntries />
</ul>
</we:ifHasEntries>
</li>
</we:navigationEntry>
<ul class="sub-menu__list" style="display: block;">
<we:navigationWrite navigationname="untermenue"/>
</ul>
</div>
</nav>
</div>
Alles anzeigen
Nun habe ich schon verschiedene Varianten ausprobiert. Beispielsweise habe ich beim zweiten <we:navigationEntry type="folder" navigationname="untermenue"> auch mal ein current="true" hinzugefügt. Da ist dann nur noch der eine Hauptnavigationspunkt, den ich angeklickt habe, zu sehen und sonst kein weiterer Link. Mit der Angabe von Levels funktioniert es auch nicht.
Ich würde mich über einen Tipp sehr freuen.
Viele Grüße
Silvia