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

אלעזר 1 · 30/5/21

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

roni ravitz · 30/5/21

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

אלעזר 1 · 30/5/21

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

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

נכתב ע"י roni ravitz:
טריגר שלחיצה עליו תפתח את את הסל קניות?

איך?

roni ravitz · 30/5/21

נכתב ע"י אלעזר 1:
איך?

תנסה משהו כזה

JavaScript:

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

אלעזר 1 · 30/5/21

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

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

roni ravitz · 31/5/21

תראה כאן

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

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

concepta.co.il

אלעזר 1 · 31/5/21

נכתב ע"י roni ravitz:
תראה כאן

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

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

concepta.co.il

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

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

@Tamar G איך זה?

חגית קרמר · 31/5/21

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

roni ravitz · 31/5/21

נכתב ע"י אלעזר 1:
בדיוק לזה התכוונתי. שם זה GIF.

@Tamar G איך זה?

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

אלעזר 1 · 31/5/21

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

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

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

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

roni ravitz · 31/5/21

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

אלעזר 1 · 22/6/21

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

JavaScript:

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

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

שלמה ויסברג · 14/7/21

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

JavaScript:

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

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

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

אלעזר 1 · 14/7/21

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

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

שלמה ויסברג · 15/7/21

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

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