איך להפוך את חנות השופיפיי לעברית – המדריך המלא

איך להפוך את חנות השופיפיי לעברית – המדריך המלא

irit frank / מאי 29, 2020 / אתרי אינטרנט / 0 Comments

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

ועדיין המשימה הכי מבוקשת אצלנו במחלקת הפיתוח היא שינוי שפת התבנית לעברית, כמובן 🙂 

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

ייתכן מאוד שבמהלך הדרך תצרכו לפנות לסיוע קל של מישהו שיודע לכתוב קוד. 

אז בואו נצלול : 

תרגום ממשק החנות : 

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

שלא יהיה כתוב add to cart אלא הוסף לסל וכן הלאה. 

זה תהליך ארוך אך פשוט מאוד. ואנחנו נעשה זאת כאן : 

Online stores >> themes >> Customize >> theme actions >> theme language 

ואז נגיע למסך הזה: 

תרגום תבנית שופיפיי

לכל שדה בחלק הזה אנחנו צריכים לתת תרגום. 

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

שינוי כיוון הפונטים לימין שמאל (RTL)

כיוון הכתיבה בשופיפיי הוא שמאל לימין, כמו בשאר העולם.

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

אתם בטח מכירים את זה, זה קרה לכם לפחות פעם אחת בword או גוגל דוקס. וזה מעצבן לאללה!! 

על מנת לשנות את הכיוון לRTL אנחנו נרצה להחדיר שורת קוד קטנה בתוך קוד התבנית. 

השורה הזו תהפוך מצד לצד את כל החנות. את הכל הכפתורים ואת כל שאר חלקי החנות. 

יש לקחת את זה בחשבון כאשר מעצבים. 

הדבר היחיד שלא יזוז הוא המיקום של עגלת הקניות בדף. זה קבוע. 

בחלק מהתבניות אנחנו יכולים להזיז את האייקון בעזרת התערבות של קוד ״נרחב״ יותר. 

אנחנו ניגש אל : 

Online Store>Themes>Actions>Edit Code

נפתח את הקובץ: theme.liquid

נחפש את שורת הקוד הזה: 

<html class="no-js" lang="{{ shop.locale }}">

לרוב היא נמצאת כ 2-5 שורות מתחילת הקובץ

ואז לבסוף העמוד, ממש לפני הסיום אנחנו נרצה להוסיף את השורה הזו : 

<html class="no-js" lang="{{ shop.locale }}" dir="rtl">

ואז ללחוץ על כפתור השמירה. 

זהו, אם אין בעיות מיוחדות אתם יכולים להתחיל לעבוד בעברית.

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