Luk popup når et link eller menu-punkt bliver klikket.

Det kan i nogle tilfælde være relevant at indstille en pop-up til at lukke, når en besøgende på din hjemmeside klikker på et link i den. Denne guide viser dig hvordan du opnår dette.

Det er eksempelvis nyttigt, hvis din pop-up fungerer som en mobilmenu, og et af linkene fører til et anker på din side. På denne måde, når en bruger klikker på linket, lukker pop-uppen automatisk, og den besøgende føres direkte ned til det relevante ankerpunkt på siden.

Løsning

1. Åben den pop-up, du ønsker at implementere effekten på.
2. Sørg for at der er ankerlinks på siden. Ankerlink må ikke starte med stort bogstav. I dine links i popuppen skal linket have et hashtag, foran det du har skrevet i ankerlinket. f.eks. #ankerlink
3. Tag et HTML Widget og sæt det nederst under alle dine andre elementer i din pop-up.
4. Tilføj nedenstående kode og gem.

Kode:

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