סגירת פופאפ בלחיצה על כפתור

במידה ויש לכם כפתור בתוך פופאפ שמעביר לעמוד אחר או שמבצע פעולה כלשהיא, ואתם מעוניינים לסגור את הפופאפ לאחר הלחיצה, זה הקוד שיעזור לכם.

יש להוסיף ווידג'ט HTML בתוך הפופאפ, ולהטמיע בתוך את הקוד הבא:

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

בהגדרות הפואפ עצמו שימו את הקלאס הבא: close-popup

זהו זה! עכשיו לאחר לחיצה על כפתור בתוך הפופאפ תסגור את הפופאפ.

במידה וקוד ה -Js חל על כל האתר ניתן להטמיע תחת אלמנטור בניהול קודים ובתנאים להגדיר שיחול על כל האתר.

במידה וקוד ה -Js חל על עמודים ספציפיים ניתן להטמיע תחת הגדרות אלמנטור בניהול קודים ובתנאים להגדיר על איזה עמוד הוא יחול או לחלופין להשתמש בווידג'ט Html.

הסתבכתם עם הקוד? צריכים התאמה אישית?
תוכלו להיעזר בנותני השירות המומלצים שיעזרו לכם בעבודה

wpcoder - מתכנת
אתרים
wpcoder – מתכנת
המתכנת הכי טוב

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Js
קרדיט: ישראל פאר
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
וורדפרס
Css
עיצוב תוסף הנגישות של enable
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
אלמנטור
Css
הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים
אלמנטור
Css
תמונת רקע בתוך טקסט באלמנטור
ווקומרס
Php
שינוי מצב הזמנה בווקומרס להושלם
חיפוש חופשי
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).