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

  • הוסף לסימניות
  • #1
אלמנטור מאפשר להשתמש בקבצי SVG בתור אייקון עגלת קניות.
האם יש דרך לשים שם אנימציית לוטי / GIF?
הניסיון שלי להמיר JSON של לוטי לאנימציית SVG הצליח, אך בדף זה הופיע התור SVG דומם ולא חי.
 
  • הוסף לסימניות
  • #2
הרבה פעמים צריך לנקות את הsvg שיעבוד טוב באלמנטור,
למה שלא תשים אנימציית לוטי , ותן לו טריגר שלחיצה עליו תפתח את את הסל קניות?
 
  • הוסף לסימניות
  • #3
  • הוסף לסימניות
  • #4
  • הוסף לסימניות
  • #5
פתחתי בקשה ב-GIT, אולי ייצא מזה משהו :)

ואגב, ניסיתי להעלות GIF וזה גם לא נתן לי. יש דרך?
 
  • הוסף לסימניות
  • #6
תראה כאן
 
  • הוסף לסימניות
  • #7
תראה כאן
בדיוק לזה התכוונתי. שם זה GIF.
אנחנו עשינו את העיצוב, על האוטמציות המגניבות האלה אחראית @Tamar G האלופה.
@Tamar G איך זה?
 
  • הוסף לסימניות
  • #9
  • הוסף לסימניות
  • #10
האמת היא שאני עשיתי את זה, בדיוק עם הקוד הנ"ל
נהיה צפוף שם בקרדיטים
שם זה GIF (בתור אלמנט אייקון עגלת קניות), בדקתי:
קונספטה.png
ידוע לי שאלמנטור מרנדר לוטי כ-SVG או כאנימציית CSS, שזה כל הייתרון הגדול שלהם על GIF.

מה גם שאם אתה משתמש בלוטי רגיל צריך למצוא דרך להציג את מספר הפריטים בעגלה (או שאתה עושה את זה עם ג'ט).
 
  • הוסף לסימניות
  • #11
יש שם שני אלמנטים אחד על השני,
תמונה רגילה (הגיפ)
לתמונה נתתי את קלאס ועם הקוד הנ"ל לחיצה עליו פותחת את הסל קניות
חוץ מזה יש גם את הווידג'ט של העגלת קניות ורק העלימו את האייקון, ככה שנשאר רק החיווי
(למעשה גם בלי הקוד, לחיצה על החיווי הייתה פותחת את הסל)
 
  • הוסף לסימניות
  • #12
עם ג'ט בהובר זה קצת יותר מורכב.
בסוף נתתי ID של 'cart_lottye' לללוטי והצמדתי אותו לאייקון של עגלת הקניות עם הקוד:
JavaScript:
<script>
    jQuery(document).ready(function(){
        jQuery('#cart_lottye').prependTo(jQuery('.jet-blocks-cart__icon')[0]);
    });
</script>
כמובן שהיה צריך עוד קצת תיקון מקום עם CSS.
 
  • הוסף לסימניות
  • #13
עם ג'ט בהובר זה קצת יותר מורכב.
בסוף נתתי ID של 'cart_lottye' לללוטי והצמדתי אותו לאייקון של עגלת הקניות עם הקוד:
JavaScript:
<script>
    jQuery(document).ready(function(){
        jQuery('#cart_lottye').prependTo(jQuery('.jet-blocks-cart__icon')[0]);
    });
</script>
כמובן שהיה צריך עוד קצת תיקון מקום עם CSS.
אלעזר, אבל מה שמת בקישור של הלוטי, כי ניסיתי לעשות את זה שעשית ולא עבד לי,
הכנסת וידג'ט html ולתוכו הכנסת את ג'אווה סקריפט?
תחכים אותי..
תודה.
 
  • הוסף לסימניות
  • #14
אלעזר, אבל מה שמת בקישור של הלוטי, כי ניסיתי לעשות את זה שעשית ולא עבד לי,
הכנסת וידג'ט html ולתוכו הכנסת את ג'אווה סקריפט?
תחכים אותי..
תודה.
יש לי וידג'ט לוטי שנתתי לו ID של cart_lottye , אח"כ הוספתי סקריפט בתוך וידג'ט HTML ש'שואב' אותו ומצמיד אותו לאייקון עגלת הקניות (וידג'ט עגלת קניות של ג'ט).
 
  • הוסף לסימניות
  • #15
יש לי וידג'ט לוטי שנתתי לו ID של cart_lottye , אח"כ הוספתי סקריפט בתוך וידג'ט HTML ש'שואב' אותו ומצמיד אותו לאייקון עגלת הקניות (וידג'ט עגלת קניות של ג'ט).
אז זהו, שעשיתי בדיוק כך, אבל הוא לא נותן לי כלום..
השאלה היא מה צריך למלאות בקישור שלו?
או שלא צריך?
 
  • הוסף לסימניות
  • #16
אז זהו, שעשיתי בדיוק כך, אבל הוא לא נותן לי כלום..
השאלה היא מה צריך למלאות בקישור שלו?
או שלא צריך?
תבדוק אם לאייקון של עגלת הקניות אצלך יש את ה-CLASS הזה: jet-blocks-cart__icon
 
  • הוסף לסימניות
  • #17
  • הוסף לסימניות
  • #18
1626297895381.png
1626297928232.png
1626297980847.png
 
  • הוסף לסימניות
  • #19
  • הוסף לסימניות
  • #20
לא הבנתי, שמת 2 וידג'טים אחד על השני?
ועוד דבר באיזה תוסף בג'ט יש את הוידג'ט הזה
תודה רבה על הכל.
שמתי אחד אחרי השני, ה-JQUERY לוקח את הלוטי למיקום החדש, ועם קצת CSS אני מיישר אותו למקום המתאים.
 

פרוגבוט

תוכן שיווקי
פרסומת

פוסטים חדשים שאולי לא קראת....

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

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

לוח מודעות

הפרק היומי

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


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה