WooCommerce מעונינת להחליף את המילה חיפוש לאיקון זכוכית מגדלת. כיצד?

  • הוסף לסימניות
  • #1
בעמוד הזה: http://organzaplus.s610.upress.link/המוצרים-שלנו/
בצד ימין בחלק נעליון מעל התפריט הצדדי מופיע תיבת חיפוש מוצרים
אני מעונינת להחליף את המילה חיפוש באיקון חיפוש- זכוכית מגדלת.

איך עושים את זה?
 
  • הוסף לסימניות
  • #2
בקלות באמצעות CSS. תוסיפי לקוד הCSS של האתר את הקוד הבא:
קוד:
.woocommerce-product-search button[type="submit"]:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 13px;
    display: inline-block;
    text-rendering: auto;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.woocommerce-product-search button[type="submit"]{
    font-size: 0;
}

אם את לא עושה שימוש בקובץ CSS משלך - כתבי לי ואשלח לך 2 דרכים להוסיף CSS לאתר.

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

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

כנראה אני טועה משהו בקוד
אשמח לעזרתך...
על האתר וממש אהבתי את הקו העיצובי הנקי
איך עשית את האייקונים בעמוד הבית עם ההנפשה? זה קובץ גיפ?
 
  • הוסף לסימניות
  • #5
עברתי

על האתר וממש אהבתי את הקו העיצובי הנקי
איך עשית את האייקונים בעמוד הבית עם ההנפשה? זה קובץ גיפ?
עונה בשמה, שכן תסתכלי,
טיפ אני בדרך כלל חופרת על אתרים לחיצה ימנית על האיקון ובדוק מרכיב תביא אותך ישר לשורת הקוד שלה ששם רואים שזה קובץ גיפ
 
  • הוסף לסימניות
  • #6
עונה בשמה, שכן תסתכלי,
טיפ אני בדרך כלל חופרת על אתרים לחיצה ימנית על האיקון ובדוק מרכיב תביא אותך ישר לשורת הקוד שלה ששם רואים שזה קובץ גיפ
זה משדרג מאוד
 
  • הוסף לסימניות
  • #7
תודה
הוספתי, וזה עובד מצוין.
אבל ההובר מילת החיפש מופיעה שוב
ולא הצלחתי לבטל אותה גם שם.

כנראה אני טועה משהו בקוד
אשמח לעזרתך...
חוסר שימת לב שלי.
את הקוד הזה:
קוד:
.woocommerce-product-search button[type="submit"]{
    font-size: 0;
}
תחליפי בזה:
קוד:
.woocommerce-product-search button[type="submit"]{
    font-size: 0 !important;
}
 
  • הוסף לסימניות
  • #8
פי בזה:
.woocommerce-product-search button[type="submit"]{
font-size: 0 !important;
}

עובד מצוין.
תודה!


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

תודה על הפידבק
ואכן כמו שכבר כתבו לך- זה קבצי גיפ פשוטים שנעשו בפוטושופ
 
  • הוסף לסימניות
  • #9

פרוגבוט

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

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

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

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

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

לוח מודעות

הפרק היומי

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


תהילים פרק כה

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