Elementor לוטי בתור אייקון עגלת קניות, אפשרי?

[אלעזר 1]

אלמנטור מאפשר להשתמש בקבצי SVG בתור אייקון עגלת קניות.
האם יש דרך לשים שם אנימציית לוטי / GIF?
הניסיון שלי להמיר JSON של לוטי לאנימציית SVG הצליח, אך בדף זה הופיע התור SVG דומם ולא חי.

 

[roni ravitz]

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

 

[אלעזר 1]

הרבה פעמים צריך לנקות את הsvg שיעבוד טוב באלמנטור,

SVG לפעמים מונפש עם JS, וזה פועל רק כשהוא מוטמע בתוך ה-HTML ולא בתור IMG עם SRC (אאל"ט).

טריגר שלחיצה עליו תפתח את את הסל קניות?

איך?

 

[roni ravitz]

איך?

תנסה משהו כזה

<script type="text/javascript">
             (function($){
             $( '.yourlottie' ).click( function(){
             $('.elementor-menu-cart__container').addClass('elementor-menu-cart--shown');
             });
             })(jQuery);
</script>

 

[אלעזר 1]

פתחתי בקשה ב-GIT, אולי ייצא מזה משהו

ואגב, ניסיתי להעלות GIF וזה גם לא נתן לי. יש דרך?

 

[roni ravitz]

תראה כאן

בית - קונספטה מיתוג אירועים

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

concepta.co.il

 

[אלעזר 1]

תראה כאן

בית - קונספטה מיתוג אירועים

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

concepta.co.il

בדיוק לזה התכוונתי. שם זה GIF.

אנחנו עשינו את העיצוב, על האוטמציות המגניבות האלה אחראית @Tamar G האלופה.

@Tamar G איך זה?

 

[חגית קרמר]

וידג'ט סל קניות - אפשר לשתול תמונה אחרת / גיפ ע"י תמונת רקע בCSS

 

[roni ravitz]

בדיוק לזה התכוונתי. שם זה GIF.

@Tamar G איך זה?

האמת היא שאני עשיתי את זה, בדיוק עם הקוד הנ"ל
נהיה צפוף שם בקרדיטים

 

[אלעזר 1]

האמת היא שאני עשיתי את זה, בדיוק עם הקוד הנ"ל
נהיה צפוף שם בקרדיטים

שם זה GIF (בתור אלמנט אייקון עגלת קניות), בדקתי:

ידוע לי שאלמנטור מרנדר לוטי כ-SVG או כאנימציית CSS, שזה כל הייתרון הגדול שלהם על GIF.

מה גם שאם אתה משתמש בלוטי רגיל צריך למצוא דרך להציג את מספר הפריטים בעגלה (או שאתה עושה את זה עם ג'ט).

 

[roni ravitz]

יש שם שני אלמנטים אחד על השני,
תמונה רגילה (הגיפ)
לתמונה נתתי את קלאס ועם הקוד הנ"ל לחיצה עליו פותחת את הסל קניות
חוץ מזה יש גם את הווידג'ט של העגלת קניות ורק העלימו את האייקון, ככה שנשאר רק החיווי
(למעשה גם בלי הקוד, לחיצה על החיווי הייתה פותחת את הסל)

 

[אלעזר 1]

עם ג'ט בהובר זה קצת יותר מורכב.
בסוף נתתי ID של 'cart_lottye' לללוטי והצמדתי אותו לאייקון של עגלת הקניות עם הקוד:

<script>
    jQuery(document).ready(function(){
        jQuery('#cart_lottye').prependTo(jQuery('.jet-blocks-cart__icon')[0]);
    });
</script>

כמובן שהיה צריך עוד קצת תיקון מקום עם CSS.

 

[שלמה ויסברג]

עם ג'ט בהובר זה קצת יותר מורכב.
בסוף נתתי ID של 'cart_lottye' לללוטי והצמדתי אותו לאייקון של עגלת הקניות עם הקוד:

<script>
    jQuery(document).ready(function(){
        jQuery('#cart_lottye').prependTo(jQuery('.jet-blocks-cart__icon')[0]);
    });
</script>

כמובן שהיה צריך עוד קצת תיקון מקום עם CSS.

אלעזר, אבל מה שמת בקישור של הלוטי, כי ניסיתי לעשות את זה שעשית ולא עבד לי,
הכנסת וידג'ט html ולתוכו הכנסת את ג'אווה סקריפט?
תחכים אותי..
תודה.

 

[אלעזר 1]

אלעזר, אבל מה שמת בקישור של הלוטי, כי ניסיתי לעשות את זה שעשית ולא עבד לי,
הכנסת וידג'ט html ולתוכו הכנסת את ג'אווה סקריפט?
תחכים אותי..
תודה.

יש לי וידג'ט לוטי שנתתי לו ID של cart_lottye , אח"כ הוספתי סקריפט בתוך וידג'ט HTML ש'שואב' אותו ומצמיד אותו לאייקון עגלת הקניות (וידג'ט עגלת קניות של ג'ט).

 

[שלמה ויסברג]

יש לי וידג'ט לוטי שנתתי לו ID של cart_lottye , אח"כ הוספתי סקריפט בתוך וידג'ט HTML ש'שואב' אותו ומצמיד אותו לאייקון עגלת הקניות (וידג'ט עגלת קניות של ג'ט).

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

 

[אלעזר 1]

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

תבדוק אם לאייקון של עגלת הקניות אצלך יש את ה-CLASS הזה: jet-blocks-cart__icon

 

[שלמה ויסברג]

תבדוק אם לאייקון של עגלת הקניות אצלך יש את ה-CLASS הזה: jet-blocks-cart__icon

תוכל לכתוב לי באיזה וידג'ט של ג'ט השתמשת?
תודה.

 

[אלעזר 1]

 

[שלמה ויסברג]

צפה בקובץ המצורף 932184
צפה בקובץ המצורף 932185
צפה בקובץ המצורף 932186

לא הבנתי, שמת 2 וידג'טים אחד על השני?
ועוד דבר באיזה תוסף בג'ט יש את הוידג'ט הזה
תודה רבה על הכל.

 

[אלעזר 1]

לא הבנתי, שמת 2 וידג'טים אחד על השני?
ועוד דבר באיזה תוסף בג'ט יש את הוידג'ט הזה
תודה רבה על הכל.

שמתי אחד אחרי השני, ה-JQUERY לוקח את הלוטי למיקום החדש, ועם קצת CSS אני מיישר אותו למקום המתאים.