Wie finde ich heraus, an welcher Stelle ein HTML-Code generiert wird?

  • Hallo Wordpress-Forum,

    Bei meiner derzeitigen Seite gibt es ein Menü, wovon ein Punkt mehrere Unterpunkte hat (die anderen alle nicht). Die Unterpunkte klappen aus, wenn man mit der Maus darüber geht, aber ebenfalls wird durch einen Klick das ausklappen "getogglet", d.h. der Link führt nach '#'. Das soll aber nicht sein, er soll zu der dazugehörigen Seite führen, dem "Oberpunkt". Also z.B. wenn der Oberpunkt "Standorte" heißt, ein Untermenü mit Frankfurt, Hamburg, München etc. aufklappen, aber wenn ich direkt auf "Standorte" klicke, möchte ich auf der Standorte-Übersichtsseite landen.

    Da ich ein NDA unterschrieben habe, darf ich leider nicht sagen, um welche Seite es sich handelt. Das Theme ist auch ein proprietäres, was von einem Unternehmen zuvor gebaut wurde, aber so schlecht, dass dazu nun keine Verbindung mehr besteht.

    Ich habe allerdings in der header.php einen Hinweis gefunden, dass dieses Menü mit der Funktion "Navbar" des Bootstrap-Frameworks, bzw. genauer gesagt mit dem wp_bootstrap_navwalker erstellt wird.

    Dazu hätte ich folgende Frage: Wie finde ich die Datei, in der steht, dass beim Klick auf den Menüpunkt, der einen oder mehrere Unterpunkte hat, der Link zu '#' werden soll (obwohl der Menüpunkt in WP ja die Seite ist, also auch normal anklickbar sein sollte) und statt dessen nur die Unterpunkte zu- bzw. aufklappen?
    Ich vermute, es handelt sich um ein JavaScript, d.h. etwas, das erst clientseitig ausgeführt wird, d.h. es müsste sich doch an der Stelle eigentlich leicht verändern lassen? Kennt jemand hier den wp_bootstrap_navwalker und kann mir vielleicht den ein oder anderen hilfreichen Tipp geben?

    Danke & viele Grüße,

    N.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • schau einmal in den bootstap daten nach [COLOR=#0F74BD][FONT=inherit]dropdown-toggle oder dropdown oder toggle
    [/FONT][/COLOR]mehr kann ich auch nicht sagen.

  • Würde anhand des via Google aufgefundenen Codes den Filter [FONT=courier new]nav_menu_link_attributes[/FONT] nutzen und darin im Falle von [FONT=courier new]$args->has_children[/FONT] den Wert [FONT=courier new]$atts['href'][/FONT] auf [FONT=courier new]'#'[/FONT] prüfen und ggf. durch [FONT=courier new]$item->url[/FONT] ersetzen.

    Wie man einen solchen Filter erstellt, ist z.B. hier beschrieben.

    Einmal editiert, zuletzt von b3317133 (7. November 2017 um 16:13)

  • Antwort / Edit: Ich habe gefunden, was ich für das gewünschte Verhalten ändern muss. Und zwar gibt es in dem bootstrap_navwalker JavaScript einen Code-Abschnitt, der sieht so aus:

    Den habe ich entsprechend abgeändert in

    Damit lässt sich das gewünschte Verhalten erreichen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!