ברוב המקרים הקוד נשמר, אבל הדפדפן עדיין מציג גרסה ישנה של הדף, או שהכלל לא תופס את האלמנט שרציתם לשנות. קודם מוודאים שהקוד שמור בעיצוב ← מתקדם ← CSS, ואז מרעננים את דף החנות רענון מלא (Ctrl+F5) או פותחים אותו בחלון גלישה פרטית. אם השינוי עדיין לא מופיע, בודקים את הסלקטור, את !important ואת הסוגריים בקוד.
בודקים שהקוד נשמר
בממשק הניהול עוברים אל עיצוב ← מתקדם ← CSS. נפתח המסך עיצוב החנות \ CSS.
בודקים שהקוד שהוספתם מופיע בתיבה ערוך קוד כאן.
לוחצים שמירה בפינה השמאלית העליונה של המסך.
יוצאים מהמסך ונכנסים אליו שוב. אם הקוד לא מופיע, הוא לא נשמר. מדביקים אותו שוב ושומרים.
מרעננים את דף החנות בלי מטמון
פותחים את הדף בחנות שבו אמור להופיע השינוי.
במחשב Windows לוחצים Ctrl+F5. במק לוחצים Cmd+Shift+R.
אם עדיין רואים את העיצוב הישן, פותחים את הדף בחלון גלישה פרטית (אנונימי). בטלפון פותחים את הדף בכרטיסייה פרטית.
בחלון פרטי הדפדפן לא משתמש בקבצים ששמר קודם, ולכן שם רואים את מה שהלקוחות יראו.
בודקים שהכלל תופס את האלמנט
הסלקטור צריך להתאים לשם המחלקה (class) שקיים בדף. אם המצאתם שם מחלקה בקוד, הכלל יעבוד רק אם המחלקה הזאת באמת קיימת בדף. כדי לראות את שמות המחלקות, לוחצים בדפדפן Chrome קליק ימני על האלמנט ובוחרים "בדיקה" (Inspect).
אם לתבנית יש כלל חזק יותר לאותו אלמנט, מוסיפים !important לפני הנקודה-פסיק, למשל:
color: #ffffff !important;. כך נעשה גם במאמר איך משנים את צבע הבר העליון בחנות.אם אותו מאפיין מוגדר פעמיים לאותו אלמנט, ובאותה רמת סלקטור, הכלל שמופיע מאוחר יותר בעורך הוא זה שקובע. מחפשים בעורך כלל מאוחר יותר שמבטל את השינוי.
בודקים שאין שגיאה בקוד
לכל סוגר פותח
{יש סוגר סוגר}. סוגר חסר עלול לגרום לדפדפן להתעלם מהכלל ומכללים שאחריו.בין מאפיין למאפיין יש נקודה-פסיק
;, ובין שם המאפיין לערך יש נקודתיים:.הערה נפתחת ב-
/*ונסגרת ב-*/. הערה שלא נסגרה מבטלת את כל הקוד שאחריה.
חשוב לדעת
עורך ה-CSS מיועד למי שמכיר CSS. אם משהו בחנות השתבש אחרי שמירה, מוחקים את השורות שהוספתם ולוחצים שמירה.
אם בדקתם את כל השלבים והשינוי עדיין לא מופיע, כתבו לנו בצ'אט ושלחו את הקוד, את הכתובת של הדף בחנות וצילום מסך של האלמנט שרציתם לשנות.