תבנית שופיפיי בעברית: המדריך המלא ל-RTL

אחת הטעויות הנפוצות ביותר בהקמת חנות שופיפיי בעברית היא ההנחה שאם התבנית “תומכת בעברית”, הכל יעבוד מעצמו. במציאות, רוב תבניות השופיפיי נבנו במקור לשוק דובר האנגלית, לכתיבה משמאל לימין (LTR), וחנות בעברית עובדת בכיוון ההפוך, מימין לשמאל (RTL). ההבדל הזה משפיע כמעט על כל אלמנט בחנות: יישור טקסטים, מיקום התפריט, כיוון החצים, סדר העמודות בעמוד המוצר ועוד.

במאמר הזה נצלול לעומק עולם ה-RTL בשופיפיי: מה זה בעצם אומר, למה תבניות “נשברות” בעברית, על מה חשוב להקפיד, ואיך לבדוק שהחנות שלכם באמת מוכנה לקהל הישראלי. זהו מדריך פרקטי לבעלי חנויות ולכל מי שרוצה להבין מה קורה מאחורי הקלעים.

מה זה RTL ולמה זה משנה הכל

RTL הוא קיצור של Right To Left, כלומר כתיבה מימין לשמאל. עברית, ערבית ופרסית הן שפות RTL, בעוד אנגלית, ספרדית ורוב שפות העולם הן LTR. ההבדל הוא לא רק בכיוון שבו הטקסט “זורם”, אלא בכל הפריסה של העמוד.

כשאתר מוגדר נכון כ-RTL, כל המערכת מתהפכת: הטקסט מיושר לימין, התפריט הראשי מתחיל מימין, הלוגו לרוב עובר לצד ימין, וגם אלמנטים ויזואליים כמו חצים, אייקונים ומחוונים צריכים להתהפך בהתאם. הדפדפן יודע לעשות חלק מהעבודה הזו אוטומטית כשמוגדר dir="rtl" בקוד, אבל רק חלק. את השאר, מפתח התבנית צריך להגדיר ידנית, וכאן בדיוק רוב התבניות נכשלות. אפשר לקרוא הסבר מעמיק על עקרונות ה-RTL במדריך של MDN Web Docs של מוזילה.

למה תבניות “נשברות” בעברית

הבעיה המרכזית היא שמפתחי תבניות רבים כותבים את הקוד עם הנחות LTR מובנות. לדוגמה, במקום להשתמש במאפייני CSS שמתאימים את עצמם לכיוון (כמו margin-inline-start), הם משתמשים במאפיינים קבועים (כמו margin-left). כשהתבנית עוברת לעברית, הטקסט אולי מתהפך, אבל המרווחים, הריפודים והמיקומים נשארים “תקועים” בצד הלא נכון.

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

הנקודות הקריטיות שחייבים לבדוק

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

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

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

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

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

הסוגיה של הפונטים העבריים

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

כדי שהחנות תיראה מקצועית, חשוב לבחור פונט עברי איכותי ולהגדיר אותו נכון בתבנית. יש מבחר טוב של פונטים עבריים חינמיים ואיכותיים בGoogle Fonts, כמו Assistant, Rubik, Heebo ו-Open Sans Hebrew, שכולם מתאימים היטב לחנויות. חשוב גם לוודא שהפונט נטען מהר ולא מאט את החנות, ושהוא קריא הן בכותרות והן בטקסט רץ ובגדלים שונים.

תוכן מעורב: עברית ואנגלית יחד

חנויות ישראליות רבות משלבות עברית ואנגלית, שמות מותגים לועזיים, שמות מוצרים באנגלית, מק”טים, מספרים ומחירים. השילוב הזה יוצר אתגר טכני מעניין: הדפדפן צריך לדעת מתי להתנהג כ-RTL ומתי כ-LTR בתוך אותו בלוק טקסט.

כמו כן, כשמשלבים טקסט עברי ואנגלי באותו משפט (למשל שם מותג לועזי בתוך משפט בעברית), צריך לוודא שהשילוב לא “שובר” את כיוון הטקסט. זו בעיה נפוצה שדורשת טיפול נכון ברמת הקוד.

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

איך לבדוק שהחנות שלכם מוכנה

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

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

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

מתי להיעזר במקצוענים

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

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

לסיכום

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

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