Elementor Tipps und Tricks
WPC - Dein WordPress Blog

Elementor Popup Menü für einen One Pager

Elementor Popup schließen nach dem Klick auf einen Link oder Button (Navigation One Pager)

Hier erfährst du, wie du ein Elementor Popup schließen kannst, nachdem der User einen Link oder einen Button auf dem Popup geklickt hat.

Für diesen Elementor Tipp nehmen wir Folgendes an:

Du hast ein Menü mit einem Elementor Popup erstellt. Nun möchtest du eine klassische Navigation für einen One Pager realisieren. Das bedeutet, du verlinkst die Buttons oder die Links auf dem Popup mit den entsprechenden Abschnitten auf der gleichen Seite und die Seite wird nach dem Klick nicht neu geladen. Weiterhin nehmen wir an, dass du diese Funktion bereits erfolgreich mit einer CSS ID und dem dazugehörigen #-Link umgesetzt hast. Wenn nicht, hilft dir eine kurze Google-Suche oder natürlich mein Elementor Kurs weiter.

Das Problem aber ist:

Nach dem Klick scrollt zwar die Seite zu dem richtigen Abschnitt aber das Popup verschwindet nicht – es bleibt weiterhin offen. Wie kannst du nun das Elementor Popup automatisch nach dem Klick schließen?

Vielen Dank an Steffen Wildt, dass er diesen Code hier auf dem WPC Blog gepostet hat.

Dafür fügst du einfach den folgenden Code in ein HTML Elementor Widget irgendwo auf deinem Popup ein. Hier ist der vollständige Code für ein Elementor Popup Menü bei einen One Pager Design:

<script>
document.addEventListener('DOMContentLoaded', function() {
  jQuery(function($){
    $(document).on('click','.elementor-location-popup a', function(event){
    elementorProFrontend.modules.popup.closePopup( {}, event);
    });
  });
});
</script>

Für mehr Elementor Tipps besuche die Seite Elementor Tutorials oder hol dir meinen Elementor Praxis Kurs – Der Nr. 1 WordPress Page Builder.

Vielen Dank fürs Teilen dieser Seite

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Related Posts

Ähnliche Beiträge