Elementor כיצד לסגור פופאפ לאחר X שניות מלחיצה על כפתור

[צובעים בענק]

שלום לכם
אשמח לעזרה דחופה
כיצד אפשר לסגור פופאפ לאחר X שניות מלחיצה על כפתור סגירת פופאפ?

 

[מלכההה]

אמור להיות בהגדרות בבר של העורך בפופאפ- הגדרות> מתקדם

 

[צובעים בענק]

אמור להיות בהגדרות בבר של העורך בפופאפ- הגדרות> מתקדם

תודה על המענה.
אני רוצה לאחר לחיצה על כפתור מסויים ולא מרגע תחילת הופעת הפופאפ

 

[מלכההה]

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

 

[צובעים בענק]

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

לחיצה על כפתור שאני מכינה שיופיע על הפופאפ

 

[מלכההה]

יש מצב שבתנאים את יכולה לתת לכפתור קלאס ואז בתנאים יש תנאי סגור לאחר לחיצה על הקלאס
לא בטוחה שזה אפשרי בסגירה אולי רק בפתיחה- שווה ניסוין

 

[צובעים בענק]

נראה לי רק לפתיחה יש קלאס
אבדוק

 

[אלעזר 1]

מותר לשאול איך זה מבחינת UX?
זה לא מפתיע את הגולש?

 

[למדן וידען]

מותר לשאול איך זה מבחינת UX?
זה לא מפתיע את הגולש?

לא מפתיע...
רק מעצבן,
לוחצים 10 פעם ברצף.
ואולי בשביל הנערוו גם יוצאים מהאתר מיד.

 

[צובעים בענק]

מותר לשאול איך זה מבחינת UX?
זה לא מפתיע את הגולש?

לא מפתיע...
רק מעצבן,
לוחצים 10 פעם ברצף.
ואולי בשביל הנערוו גם יוצאים מהאתר מיד.

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

Elementor! How to close a popup after a few seconds at the touch of a button I make

How to close a popup after a few seconds at the click of a spacial button ?

stackoverflow.com

 

[דידקטית]

ויתכבה לאחר X זמן מהלחיצה

לחיצה על X חייבת לסגור מיד את הפופאפ
אחרת זו פגיעה בחווית משתמש.

גם אם יש מטרה מאוד חשובה - תמיד יש דרך אחרת להשיג אותה.

 

[צובעים בענק]

לחיצה על X חייבת לסגור מיד את הפופאפ
אחרת זו פגיעה בחווית משתמש.

גם אם יש מטרה מאוד חשובה - תמיד יש דרך אחרת להשיג אותה.

תודה צדיקה
אין לחיצה על X
יש לחיצה על כפתור שקוף!!
פשוט אני צריכה שזה יקרה אחרי X שניות שהגולש לוחץ,שיספיק לראות אנימציה מסויימת

 

[דידקטית]

מעניין.

אפשר להציג את הכפתור בדיליי (עם אפקטי תנועה / אנימציית CSS)

 

[צובעים בענק]

מעניין.

אפשר להציג את הכפתור בדיליי (עם אפקטי תנועה / אנימציית CSS)

אני אסביר שוב
אני צריכה לפרוס אנימצית לוטי מסויימת על כל הדף ואני חייבת שיראו את כולה
בנוסף אני גם רוצה שהפופאפ יסגר בסיום האנימציה לא לפני ולא אחרי
כרגע אין לי ידע מספק בקוד
ולכן אני משתמשת בפופאפ, ובטוחה שיש פיתרון
רק שכמובן אין לי אותו

 

[roni ravitz]

הנה הרעיון

<script>
 document.getElementById('close-btn').onclick =  setTimeout(function(){
document.querySelector("#elementor-popup-modal-8949").style.display ="none";
}, 5000);
</script>

את צריכה לחפש את ה-id של הפופאפ (ולהכניס במקום ה-elementor-popup-modal-8949)
וכן לתת לכפתור שסוגר id של close-btn (או לשנות למשהו אחר וכן בקוד)
ה- 5000 זה הדיליי (5 שניות)
את רוצה להכניס את הקוד בווידג'ט html בתוך הפופאפ אפ (ושהווידג'ט יהיה אחרי הכפתור שסוגר)

 

[צובעים בענק]

הנה הרעיון

<script>
 document.getElementById('close-btn').onclick =  setTimeout(function(){
document.querySelector("#elementor-popup-modal-8949").style.display ="none";
}, 5000);
</script>

את צריכה לחפש את ה-id של הפופאפ (ולהכניס במקום ה-elementor-popup-modal-8949)
וכן לתת לכפתור שסוגר id של close-btn (או לשנות למשהו אחר וכן בקוד)
ה- 5000 זה הדיליי (5 שניות)
את רוצה להכניס את הקוד בווידג'ט html בתוך הפופאפ אפ (ושהווידג'ט יהיה אחרי הכפתור שסוגר)

אנסה את זה אולי אספיק היום
תודה רבה על ההענות!!

 

[אלעזר 1]

הנה הרעיון

<script>
 document.getElementById('close-btn').onclick =  setTimeout(function(){
document.querySelector("#elementor-popup-modal-8949").style.display ="none";
}, 5000);
</script>

את צריכה לחפש את ה-id של הפופאפ (ולהכניס במקום ה-elementor-popup-modal-8949)
וכן לתת לכפתור שסוגר id של close-btn (או לשנות למשהו אחר וכן בקוד)
ה- 5000 זה הדיליי (5 שניות)
את רוצה להכניס את הקוד בווידג'ט html בתוך הפופאפ אפ (ושהווידג'ט יהיה אחרי הכפתור שסוגר)

עדיף להשתמש פעמיים ב- document.querySelector

 

[אלעזר 1]

אגב משהו יודע מה לעשות עם הקוד כאן שמשהו ענה לי?

להתאים לדף שלכם (ואגב, יש לו שם סוגריים סוגרות מיותרות באחת השורות שיעשו לכם צרות, תיקנתי לכם כאן), הוא משתמש במחלקה המובנית של אלמנטור בצד לקוח לסגירת הפופאפ - מה שמאפשר לכם שליטה על אפקט היציאה שלו:

<script>

jQuery( document ).ready( function( $ ) {
    $( document ).on( 'click', '.close-popup', function( event ) {
        setTimeout(function() {
            elementorProFrontend.modules.popup.closePopup( {id: '#elementor-popup-modal-6014'}, event );
        }, 4000);
      });
} );
 
</script>

בקוד הזה '.close-popup' הוא המזהה של הכפתור שנלחץ ע"י המשתמש, ו- '#elementor-popup-modal-6014' הוא ה-ID של הפופאפ שאנחנו רוצים לסגור. המספר 4000 מייצג את 4 השניות שיחלפו מרגע הלחיצה עד לביצוע הקוד - כמובן שאתם יכולים לשנות.

 

[צובעים בענק]

תודה רבה לכולכם!
אנסה הבוקר אין מילים!