7 בעיות עיצוב נפוצות בחנויות עבריות (ואיך לתקן כל אחת)
אחרי שמסתכלים על מספיק חנויות ישראליות, מגלים שכולן נופלות באותן נקודות. הנה שבע הבעיות שאנחנו פוגשים שוב ושוב — ומה עושים עם כל אחת.
1. טקסט עברי מיושר לשמאל
הקלאסיקה. התבנית יושרה לשמאל, והעברית “נדבקת” לצד הלא נכון — במיוחד
בכותרות ובתיאורי מוצר. הפתרון: לא text-align: right נקודתי אלא
dir="rtl" ברמת המסמך, שמסדר גם את היישור וגם את סדר הרכיבים.
2. אייקונים בצד הלא נכון
סל הקניות שדבוק לטקסט מהצד הלא נכון, חץ “המשך לקנייה” שמצביע אחורה,
שברון (chevron) בתפריט שנפתח הפוך. הפתרון: שימוש ב-Logical
Properties בעיצוב, והיפוך מכוון (scaleX(-1)) לאייקונים כיווניים בלבד —
לא לכולם (סל, לב ועגלה לא מתהפכים; חצים כן).
3. קרוסלה שנגללת “נגד הכיוון”
סליידר המוצרים מתחיל משמאל וחץ ה“הבא” מזיז אותו לכיוון הלא-טבעי לקורא עברית. הפתרון: קרוסלה עם תמיכת RTL מובנית או קונפיגורציית כיוון — וזה אחד הדברים שהכי שווה לבדוק לפני שבוחרים תבנית.
4. ה-₪ קופץ למקום הלא נכון
“189.90 ₪” שהופך ל-“₪ 189.90” או גרוע מזה — הסימן באמצע המספר. זו בעיית
BiDi (טקסט דו-כיווני), והרחבנו עליה במדריך ה-RTL הכללי.
הפתרון: עטיפת המחיר ביחידה כיוונית אחת (dir מקומי או תווי LRM).
5. פונט לטיני שמגיש עברית גנרית
התבנית טוענת פונט לטיני יפהפה — והעברית נופלת ל-Arial של המערכת. מיד מרגישים שמשהו זר. הפתרון: ערכת פונטים עברית אמיתית (Assistant, Heebo, Rubik וכדומה) שמוגדרת לפני ה-fallback הלטיני.
6. טפסים שמתנהגים באנגלית
תווית מימין אבל שדה שמתחיל משמאל, כוכבית חובה בצד הלא נכון, הודעות
שגיאה באנגלית, ושדה אימייל שמציג את הסמן בצד הלא נכון. הפתרון: כיוון
RTL לטופס כולו, עם dir="ltr" נקודתי לשדות שתוכנם לועזי (אימייל, טלפון).
7. אימיילים אוטומטיים שנשארו באנגלית
הלקוח קנה בחנות עברית מושלמת — וקיבל “Thank you for your order!”. תבניות האימייל של Shopify דורשות התאמה נפרדת, וכמעט כולם שוכחים אותה. הפתרון: תרגום והתאמת כיוון לתבניות ההודעות (Settings ← Notifications).
התבנית המשותפת
שימו לב למכנה המשותף: אף אחת מהבעיות לא נפתרת ב“תרגום”. כולן נובעות מזה שהעיצוב נבנה לכיוון אחד. אפשר לתקן אחת-אחת ידנית (ולתקן שוב אחרי כל עדכון תבנית) — או לתת לכלי אחד ליישר את הכל אוטומטית ולשמור על זה.
זה מה שבנינו: האפליקציה העברית של Rtlize מטפלת בשבע הבעיות האלה — ובעוד כמה עשרות שלא נכנסו לרשימה — בהפעלה אחת. בקשו גישה מוקדמת.