Elementor ווידג'ט שנפתח במעבר עכבר ולא בלחיצה.

[חד וחלק]

אני צריכה שתהיה לי אפשרות של תיבות קטנות (שמות ערים)
שכאשר עוברים מעליהם נפתחת תיבה עם מידע מורחב יותר.
כזה דבר יכול להיות מצוין לי:

Icon Accordion Widget for Elementor - Unlimited Elements for Elementor

The Icon Accordion Widget offers a distinctive and interactive presentation, showcasing your content through unique accordion layouts.

unlimited-elements.com

רק שהאפשרות שם לפתיחה היא דרך לחיצה על העכבר.

אני רוצה אפקט כמו הווידג'ט שמופיע כאן:

Hover Text Reveal Content Box Widget for Elementor - Unlimited Elements for Elementor

A nice content box to show info on your website. Hover over the content box and it will reveal the call to action button and text.

unlimited-elements.com

רק שהתיבות המקוריות יהיו קטנות.

אשמח לעצה בענין.
תודה מראש!

 

[ראובן ליבוביץ]

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

אני רוצה אפקט כמו הווידג'ט שמופיע כאן:

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

 

[חד וחלק]

יש איזושהי אפשרות ב- https://unlimited-elements.com/
פשוט יש לי שם מנוי פעיל בפרו.
אולי משהו בקוד?

 

[אלעזר 1]

בדקתם את זה?

Zoom Caption Reveal Content Box - Unlimited Elements for Elementor

A nice content box that shows information on your website. Hover over the box to see the zoom effect and reveal the caption.

unlimited-elements.com

כמו שכתב @ראובן ליבוביץ גם לג'ט יש פתרונות כמו זה:

https://crocoblock.com/widgets/dropbar/?ref=2696

או זה:

Banner Widget for Elementor | Crocoblock

Create a stylish banner on your website with the Banner widget for Elementor. Use it for displaying images with important text and link elements, applying different animation effects.

crocoblock.com

בלאו הכי שימוש בג'ט יקל עליכם ליצור ליסטנינג במקום לערוך כל חלק בפני עצמו.

 

[חד וחלק]

לכאורה התוסף הזה זה בדיוק מה שצריך:

https://crocoblock.com/widgets/dropbar/?ref=2696

 

[חד וחלק]

בלאו הכי שימוש בג'ט יקל עליכם ליצור ליסטנינג במקום לערוך כל חלק בפני עצמו.

מה זה אומר? אפשר פירוט?

 

[אלעזר 1]

מה זה אומר? אפשר פירוט?

זו האפשרות לעצב פריט בודד ואח"כ להשתמש בו כתבנית בתוך לולאה. בדוגמא שהבאתם - אם יש לכם רשימת ערים תוכלו לעצב תבנית לעיר אחת ואח"כ להשתמש בה בלולאה עבור כל הרשימה. זה דורש שימוש בתוסף ג'ט אנג'ן.

 

[חד וחלק]

זו האפשרות לעצב פריט בודד ואח"כ להשתמש בו כתבנית בתוך לולאה. בדוגמא שהבאתם - אם יש לכם רשימת ערים תוכלו לעצב תבנית לעיר אחת ואח"כ להשתמש בה בלולאה עבור כל הרשימה. זה דורש שימוש בתוסף ג'ט אנג'ן.

זה מקביל לתוכן דינאמי של אלמנטור פרו?

 

[אלעזר 1]

זה מקביל לתוכן דינאמי של אלמנטור פרו?

יש מקרים בהם תוכלו כנראה להסתדר עם אלמנטור + ACF, בהרבה מקרים זה נותן מענה שלא קיים באלמנטור.

 

[roni ravitz]

אולי זה יעזור לך,

איך ליצור טולטיפ במעבר עכבר עם אלמנטור - איזיפרס

איך ליצור טולטיפ במעבר עכבר עם אלמנטור - בסרטון הזה נראה איך ליצור טולטיפ, כלומר איזור שמתגלה רק במעבר עכבר על אלמנט אחר. https://youtu.be/EI72LFxzg6w הקודים שבסרטון, ליצירת הצ'ופצ'יק

wpguide.co.il

 

[חד וחלק]

זה הקישור לאתר.

בלה שפיצר

beila-shpitzer.co.il

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

 

[roni ravitz]

אפשר, אם יהיה לי זמן אני אכתוב לך את הקוד,
למה כתוב כל כך הרבה פעמים בלה שפיצר?

 

[חד וחלק]

למה כתוב כל כך הרבה פעמים בלה שפיצר?

רק עכשיו אני שמה לב לזה.
מהיכן זה הגיע בכלל?

 

[שמואל_לוי]

רק שהאפשרות שם לפתיחה היא דרך לחיצה על העכבר.

אתם מתכוונים לזה :



או כפתור שבמעבר עכבר נפתח מידה בכשר לאותו מקום,
(שמות ערים)

כמו פה - אתר
לרדת על מטה

 

[roni ravitz]

הנה קוד קטן,
קודם כל תתני לווידג'טים את ה-קלאס blah-blah
אז תגררי לעמוד (כמה שיותר בתחתית העמוד) ווידג'ט מסוג - html
ותכניסי את הקוד הבא

<script>
    jQuery(document).ready(function( $ ){
$(".blah-blah .elementor-tab-title").mouseenter(function(){
  $(this).click();
});
});
</script>

או זה (תראי מה מתאים לך)

<script>
    jQuery(document).ready(function( $ ){
$(".blah-blah .elementor-tab-title").mouseenter(function(){
  $(this).click();
});
$(".blah-blah .elementor-tab-title").mouseleave(function(){
  $(this).click();
});
});
</script>

 

[מפצח אתגרים]

הסדרת?

 

[חד וחלק]

הנה קוד קטן,
קודם כל תתני לווידג'טים את ה-קלאס blah-blah
אז תגררי לעמוד (כמה שיותר בתחתית העמוד) ווידג'ט מסוג - html
ותכניסי את הקוד הבא

<script>
    jQuery(document).ready(function( $ ){
$(".blah-blah .elementor-tab-title").mouseenter(function(){
  $(this).click();
});
});
</script>

או זה (תראי מה מתאים לך)

<script>
    jQuery(document).ready(function( $ ){
$(".blah-blah .elementor-tab-title").mouseenter(function(){
  $(this).click();
});
$(".blah-blah .elementor-tab-title").mouseleave(function(){
  $(this).click();
});
});
</script>

מטורף!
אין לי מה לומר יותר מזה!

(מתנצלת על התגובה המאוחרת, רק עכשיו נגשתי לנסות את זה)

 

[roni ravitz]

מטורף!
אין לי מה לומר יותר מזה!

(מתנצלת על התגובה המאוחרת, רק עכשיו נגשתי לנסות את זה)