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

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

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

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

• אם תמונת GIF אינה מוצגת כראוי והיא נוספה לחזית החנות באמצעות עורך הטקסט העשיר, כמו למשל בתיאור מוצר או בפוסט בבלוג, ייתכן שהסיבה לכך היא גודל התמונה. ניתן לתקן זאת על-ידי לחיצה על ה-GIF בעורך הטקסט העשיר ולחיצה על עריכת תמונה. בתפריט הנפתח גודל תמונה, בחרו מקורי. לאחר מכן, תוכלו לשנות את הגודל של ה-GIF על-ידי לחיצה וגרירה של פינות התמונה פנימה כדי להקטין אותה או החוצה כדי להגדיל אותה.
• אם חל שינוי משמעותי בצבע של התמונות בחזית החנות לעומת התמונה המקורית, ייתכן שהתמונות שלכם אינן בצבעי אדום-ירוק-כחול סטנדרטיים (sRGB). כדי לתקן את שינוי הצבע הזה, שמרו את הקובץ שלכם ביישום עריכת תמונות כ-sRGB. מונחים נפוצים לכך הם "אופטימיזציה לאינטרנט", "התאמת תמונה לאינטרנט" או "שמירה לאינטרנט". למידע נוסף על פרופילי צבעים.
• אם תמונות המוצרים שלכם בדפי הקולקציה אינן מיושרות, ייתכן שתצטרכו להתאים את יחס הגובה-רוחב בקובצי התמונות של המוצרים, כך שיהיו בעלי אותו יחס גובה לרוחב, ולאחר מכן להעלות שוב את תמונת המוצר. תוכלו גם להשתמש ביישום לעריכת תמונות מה-Shopify App Store.

עברו על הבעיות הבאות כדי למצוא את הבעיה הספציפית שלכם ושלבים שיעזרו לכם לפתור אותה:

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

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

הסטטוסים הבאים יכולים לחול על תוכן מתורגם:

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

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

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

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

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

למידע נוסף על דריסות שוק.

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

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

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

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

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

בדיקת קוד ה-HTML

ניתן לבדוק את קוד ה-HTML בעורך הטקסט העשיר.

שלבים:

1. עבור לדף בלוח המנהל שלך.
2. לחץ על הלחצן הצג HTML כדי לבדוק את קוד ה-HTML.
3. אתר קוד HTML שעשוי לגרום לבעיות תצוגה והסר אותו.
4. לחץ על שמור.

ניקוי העיצוב

ניתן לסמן חלק מהטקסט ולנקות את עיצוב ה-HTML.

שלבים:

1. עבור לדף בלוח המנהל שלך.
2. סמן את הטקסט שבו מופיעות בעיות העיצוב.
3. לחץ על הלחצן 🚫.
4. לחץ על שמור.

למידע נוסף על עורך הטקסט העשיר.

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

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

כדי לוודא שההפניה מחדש לא מפריעה לחוויית העורך, השתמש בהתייחסות למשתנה window.Shopify.designMode ב-JavaScript כדי להשבית את ההפניה מחדש בעת ביקור בעורך ערכות הנושא. משתנה זה מוגדר ל-true כאשר חזית החנות נטענת בעורך, ול-false כאשר היא לא.

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

בלוקים הניתנים לכיווץ מציגים את אותו הטקסט בכל המוצרים

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

1. בלוח המנהל של Shopify, עבור אל הגדרות > מטא שדות > מוצרים.
2. לחץ על הוסף הגדרה.
3. הזן שם עבור המטא שדה שלך, ולאחר מכן לחץ על בחר סוג תוכן.
4. בחר טקסט ואז טקסט מרובה שורות.
5. לחץ על שמור.
6. עבור לדף מוצר בלוח המנהל שלך וגלול למקטע המטא שדות בתחתית הדף.
7. הוסף את התוכן הספציפי למוצר למטא שדה שיצרת.
8. בעורך ערכות הנושא, עבור אל תבנית המוצר ומצא את מקטע שורה הניתנת לכיווץ.
9. בהגדרה תוכן שורה, לחץ על הלחצן .
10. בחר את המטא שדה מתוך האפשרויות הזמינות.
11. שמור את השינויים.

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

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

אם יש שגיאת תחביר בקוד ערכת הנושא שלך, תופיע הודעת אזהרה HTML error found או Theme error בעורך ערכות הנושא שלך. הודעת השגיאה מציגה את קובץ ה-Liquid שמכיל את השגיאה.

הודעת האזהרה The theme you're looking for couldn't be found עשויה להופיע כאשר יש קוד HTML פגום. דף עלול לא להיטען בעורך ערכות הנושא ממגוון סיבות, כגון הסיבות הבאות:

• בעיות בחיבור לרשת
• קוד Liquid לא חוקי בערכת הנושא

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

שלבים:

1. יש ללחוץ על קובץ המקטע .liquid המקושר בהודעת השגיאה או לבדוק אם בוצעו שינויים אחרונים בקבצים. לחיצה זו תוביל אותך אל הדף עריכת HTML/Cascading Style Sheets (CSS), והקובץ ייפתח בעורך הקוד.
2. כדאי לעבור על הקוד בקובץ ולנסות למצוא קוד HTML או Liquid לא תקין. עורך הקוד מציג שגיאות תחביר אפשריות באדום. בעיות נפוצות כוללות את אלה:
   • תגיות סגירה מיותרות של HTML, לדוגמה, תגית סגירה </div> ללא תגית פתיחה <div>
   • תגיות פתיחה מיותרות של HTML שלא נסגרו, לדוגמה, תגית פתיחה <div> ללא תגית סגירה </div>
   • תגיות HTML פגומות, לדוגמה <div class="my-class" ללא >
   • קוד Liquid פגום
   • קוד HTML פגום בקובץ קטע (snippet) הכלול בערכת הנושא
3. לאחר מציאת הבעיה, תקן את הקוד בקובץ של ערכת הנושא. אם תשתמש בתצוגה ציר זמן שבעורך הקוד כדי לבחור בגרסה קודמת ולבצע שחזור תוכן, כל תוכן הקובץ יוחלף. העתק תחילה את התוכן הנוכחי של הקובץ למקום בטוח במקרה שתרצה לשמור שינויים כלשהם.
4. לחץ על שמור.
5. יש ללחוץ על עריכת ערכת נושא כדי לחזור לעורך ערכות הנושא, ולוודא שהודעת השגיאה נעלמה.
6. יש לנווט אל חזית החנות שלך כדי לוודא שהיא מוצגת כמצופה.

שגיאת "Exceeded maximum number of unique handles"

אם מוצגת הודעת שגיאה של Liquid, כגון "Exceeded maximum number of unique handles for all_products" בדף הבית שלך, המשמעות היא לרוב שהוספת יותר מדי מקטעים של מוצרים מומלצים בדף הבית (בדרך כלל יותר מ-20 מקטעים ברוב ערכות הנושא).

כדי לפתור זאת:

1. במנהל של Shopify, עוברים אל חנות מקוונת > ערכות נושא.
2. מאתרים את ערכת הנושא הנוכחית ולוחצים על עריכת ערכת נושא.
3. מנווטים אל דף הבית.
4. מסירים כמה מקטעי 'מוצר מומלץ' כדי להישאר במסגרת המגבלות של ערכת הנושא.
5. כדאי לשקול להשתמש במקטעי 'אוסף מומלץ' במקום זאת, שיכולים להציג מספר מוצרים ביעילות רבה יותר ולשפר את ביצועי החנות.

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

1. בעורך ערכות הנושא, יש לנווט אל המקטע כותרת תחתית ולוודא שההגדרה הצגת סמלי תשלומים מופעלת.
2. במנהל של Shopify, יש לעבור אל הגדרות > תשלומים ולוודא שיש לפחות אמצעי תשלום פעיל אחד. אמצעי תשלום מסוימים עשויים לדרוש השלמה של הגדרת החשבון לפני שהסמלים שלהם יוצגו.
3. אם נעשה שימוש בשער תשלום של צד שלישי, ייתכן שסמלי התשלום לא יוצגו עקב מגבלות פלטפורמה.

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