אין בממשק שדה ייעודי לצבע הרקע של הבר העליון (הפס הדק מעל הלוגו). כדי לשנות את צבע הבר משתמשים בכלל קצר בעורך CSS תחת עיצוב ← מתקדם ← CSS. בבלוק צבעי החנות בוחרים את הצבע הדומיננטי של האתר (כפתורים והדגשות); אם אחרי בחירת צבע החנות הבר העליון לא השתנה — משתמשים בכלל ה-CSS למטה.
איפה מוגדר הבר העליון
בממשק הניהול עוברים אל עיצוב ← עיצוב דפי החנות (
/client/modules/global) ובתפריט הצד לוחצים ראש האתר.בבלוק הגדרות: ראש האתר ← בר עליון בוחרים הצגת הבר העליון או הסתרת הבר העליון.
בשדה פרטים להצגה בבר העליון בוחרים אימייל ו/או טלפון, ולוחצים שמירה.
כאן קובעים רק אם הבר מוצג ומה מופיע בו. אין במסך הזה בחירת צבע.
שינוי צבע הרקע של הבר העליון עם CSS
עוברים אל עיצוב ← מתקדם ← CSS (
/client/shop_store_themes/code/css).מדביקים בסוף העורך את הקוד הבא, ומחליפים את קוד הצבע בצבע הרצוי (למשל מהלוגו):
.wrapper .top-bar { background-color: #1f5f8b !important; }
.wrapper .top-bar ul li a { color: #ffffff !important; }השורה הראשונה משנה את צבע הרקע, והשנייה את צבע הטקסט והאייקונים בבר (כדאי לבחור צבע שבולט על הרקע).
לוחצים שמירה, פותחים את החנות ומרעננים את הדף (Ctrl+F5) כדי לראות את השינוי.
צבעי החנות (צבע דומיננטי)
במסך עיצוב ← תבניות והגדרות (/client/shop_store_themes), בבלוק צבעי החנות ("התאמת הצבע הדומיננטי של האתר"), בוחרים צבע מוכן או בחר צבע, ולוחצים שמירה. זה מגדיר בעיקר את הצבע הדומיננטי של האתר — לרוב כפתורים והדגשות. אם אחרי השמירה הבר העליון לא השתנה, חוזרים לכלל ה-CSS בסעיף הקודם.
חשוב לדעת
אם הפס שמציג טקסט כמו דמי משלוח או ימי עסקים הוא סליידר טקסט (או אזור תוכן דומה) שנוסף בראש האתר ← הוספת איזור תוכן, הוא אזור תוכן נפרד מהבר העליון. אם כלל ה-CSS למעלה לא משפיע עליו — פנו לתמיכה.
עורך CSS מיועד למי שמכיר CSS. קוד שגוי עלול לשנות את מראה החנות. אם משהו השתבש, מוחקים את השורות שהוספתם ושומרים.
אחרי החלפת תבנית עיצוב כדאי לבדוק שוב את הבר העליון, כי לכל תבנית צבע ברירת מחדל משלה.