מדריך › קטגוריות

איך מוסיפים באנר בראש עמוד קטגוריה

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

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

בחירת המבנה

1. פתחו ״מוצרים ← קטגוריות״ ולחצו על שם הקטגוריה.
2. גללו לקבוצה ״עמוד קטגוריה — באנר״.
3. ב״מבנה״ בחרו אחת משלוש האפשרויות:

• ״ללא — כותרת רגילה״ — בלי באנר. הכותרת והתיאור מוצגים כרגיל.
• ״תמונה לכל הרוחב״ — תמונה מקצה לקצה, והמילים עליה או מתחתיה.
• ״חצי תמונה · חצי תוכן״ — התמונה תופסת חצי מהרוחב, והכותרת והתיאור יושבים בחצי השני.

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

התמונות והגובה

1. ב״תמונת באנר — דסקטופ״ לחצו ״בחירת תמונה״ ובחרו מהמדיה.
2. ״תמונת באנר — מובייל (רשות)״ — תמונה נפרדת לטלפון, שנכנסת לתפקיד ברוחב מסך של עד 700 פיקסלים. אם ריק, נעשה שימוש בתמונת הדסקטופ.
3. ב״גובה״ מלאו ״דסקטופ״ ו״מובייל״ בפיקסלים, או השאירו ריק לגובה אוטומטי. הערכים המוצעים בשדות הריקים הם 420 פיקסלים לתמונה לכל הרוחב, 440 למבנה החצוי, ו-360 במובייל.

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

אפשרויות ל״תמונה לכל הרוחב״

1. ״טקסט״ — ״על התמונה״ או ״מתחת לתמונה״.
2. ״מיקום הטקסט״ — ״מרכז״, ״מרכז, צד הקריאה״, ״תחתית, מרכז״, ״תחתית, צד הקריאה״ או ״למעלה, צד הקריאה״. ״צד הקריאה״ בעברית הוא ימין.
3. ״צבע הטקסט״ — ״בהיר (לתמונה כהה)״ או ״כהה (לתמונה בהירה)״.
4. ״הכהיית התמונה״ — אחוז בין 0 ל-90, בקפיצות של 5. זה צעיף כהה מעל התמונה שמחזיק טקסט בהיר קריא. 0 = כבוי.

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

אפשרויות ל״חצי תמונה · חצי תוכן״

1. ״צד התמונה״ — ״צד הקריאה (ימין בעברית)״ או ״הצד הנגדי״.
2. ״רקע אזור התוכן״ — צבע הרקע מאחורי חצי הטקסט. ריק = רקע העמוד.

שים לב: ״רקע אזור התוכן״ מקבל רק קוד צבע — ‎#f4f1ec‎, ‎#fff‎, או ‎rgb()‎ / ‎rgba()‎ / ‎hsl()‎. אם תכתבו שם צבע (״בז׳״, ‎beige‎) השדה יתרוקן בשמירה בלי הודעת שגיאה.

שמירה ובדיקה

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

אם התיאור מופיע פעמיים

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

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

קשור

• categories-subcategory-strip
• categories-card-image
• categories-create-category
• categories-banner-between-products