Menüaufbau, wie machen?
Verfasst: Mo 17. Aug 2020, 10:52
Ich hab da so einen speziellen Menüwunsch, der mir etwas Kopfzerbrechen macht.
Wie mit contenido lösen?
Das Hauptmenü sind Buttons, die per Javascript das Submenü-Dropdown öffnen. Menüpunkt 1 wird per Javascript gefüllt, er existiert daher im Seitenquelltext nicht. Beim Klick darauf öffnet sich ein Dropdown, das vermutlich auch mittels Javascript gefüllt wird und dummerweise ein Design hat, das auf diese Div und Nav und zusätzliche ul-li-Verschachtelung aufbaut, aus reinen Design-Gründen.
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:
Klassisches Dropdown funktioniert damit bestens, nur eben nicht obiges "Menü Konstrukt.
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?
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?