Wie mit contenido lösen?
Code: Alles auswählen
<!-- Hauptmenü -->
<div><div>
<div><div>
<ul class="main-menu">
<li>
<button>Menüpunkt1 level1</button>
</li>
</ul>
</div></div>
</div></div>
<!-- Dropdown untermenü -->
<div>
<nav>
<ul><li>
::marker
<ul><li>
::marker
<a href="#"><span>Submenüpunkt1 level2</span></a>
</li></ul>
</li></ul>
</nav>
</div>
Der Button für den Level1 ist kein Anker, es ist quasi eine Kategorie aber ohne Inhalt. Es soll lediglich zum Dropdown öffnen da sein.
Mit Logik und Semantik hat das nichts mehr zu tun.
Nun, wenn ich das navigation_main Modul nehme, liest es mir mit kleinen Änderungen im Template den ganzen Baum aus, also passend für Dropdown-Menüs.
Nur halt eben so:
Code: Alles auswählen
<ul>
<li><a href >Menü1</a>
<ul>
<li><a href >Submenü1</a>
</li>
</ul>
</li>
</ul>
Beim Klick auf Menüpunkt1 soll das Dropdown öffnen und stehen blweiben mit einem Marker, der auf optisch auf den Menüpunkt 1 zeigt.
Es ist noch um einiges komplizierter als ich es hier erklären kann, vieles positioniert und responsiv auch noch.
Es handelt sich vermutlich beim Original um ein Headless-CMS, mit Bootstrap.
Aber kann man sowas mit Contenido nachvollziehen ohne exorbitalen Aufwand?
Oder habe ich mich verrannt?