ברגע שאלמנטור פרו הביאו את מודול הפופ-אפים שלהם לכדי שלמות, קיבלנו את האפשרות ליצור פופ-אפים בשליטה אבסולוטית מבחינת מיקום הנפשה ועוד. כמובן שהפופאפים ריספונסיביים, זה אלמנטור.
יתרונות וחסרונות
אנחנו יכולים להיות מאוד מקוריים ולהציג את התכנים באתר בצורה מונפשת כדי שהקהל שלנו יהיה שבוי. התפריט הוא משהו שמשתמשים בו הרבה בגלישה באתר והוא חשוב מאוד, אם הוא ירשים את הגולש אנחנו יכולים לקבל את ההתלהבות הראשונית שצריך בשביל שיהיה לנו לקוח משלם.
החיסרון יכול להופיע בקידום האורגני, ברגע שהתפריט נמצא מחוץ למסך, מנועי החיפוש עלולים לא להבין אם יש ניווט באתר או לא. וניווט מאוד חשוב למנועי החיפוש.
סגירת פופ-אפ תפריט בלחיצה על כל דבר
בשביל שנוכל להשתמש בפופ-אפ עם תפריט גלילה באותו העמוד, הפופ-אפ חייב להסגר, כדי לא להפריע לגולש. בכדי לסגור את הפופ-אפ עם התפריט כשלוחצים על קישור מהתפריט בתוכו, תוכלו להוסיף וידג'ט HTML ואת הקוד הבא:
<script>
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
</script>
מקור: Element How
והוסיפו את ה-Class המתאים לוידג'ט התפריט בתוך הפופאפ: pop-up-menu
שדרוג לקוד הסגירה
הקוד הקודם יצר תקלה בפופ-אפים אחרים שיש בהם קישורים, מכיוון שהוא סגר כל פופ אפ עם קישור (a) כשלוחצים עליו.
בשביל למנוע את זה, צריך להוסיף לתפריט בפופ-אפ Class, ולהחליף בקוד את ה-Class: elementor-location-popup, בחדש.
<script>
jQuery( document ).ready(function($){
$(document).on('click','.pop-up-menu a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
})
});
</script>
