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

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

1. נווט לתכונות

במערכת ניהול, נווטו למוצרים > תכונות.

רחפו מעל התכונה אותה אתם רוצה לערוך, סביר להניח שזו תהיה צבע, ולחצו על "עריכה"

2. עריכת התכונה וקביעת סוג ה- Swatch

באפשרות Swatch Type תוכלו לבחור אחת מ 4 האפשרויות:

  1. Image Swatch – העלאת תמונה מייצגת למונח
  2. Color Swatch – בחירת קוד צבע למונח
  3. Text Swatch – אפשרות זו תציג את כפתורים ללא צבע (בדרך כלל משתמשים בזה עבור מידות)
  4. Radio buttons – כפתורי רדיו, לא עושים בזה שימוש בדרך כלל.

בחרו את האחת האפשרויות.

הגדרות Image Swatch ו- Color Swatch:

  • Swatch Size – גודל העיגול שיופיע, כברירת מחדל הוא 30X30, תוכלו לשנות זאת.
  • Enable Tooltip – הצגת שם הצבע במעבר על עיגול הצבע.
  • Show large preview (רק בתמונה) – הצגת תמונה גדולה יותר של הצבע במעבר על העיגול.
  • Show swatch in catalog – הצגת הצבעים גם בקטלוג המוצרים (בקטגוריה).
  • Overflow – אפשרות זו נפתחת רק שמסמנים הצג צבעים בקטלוג. כשיש הרבה צבעים, איך תרצו להציג בקטלוג (יש כמה אפשרויות שם, אחד אחרי השני, סליידר..)
  • Show swatch in filters – הצגת הצבעים בפילטר בקטלוג

3. שיוך קוד צבע או תמונה למונח

כדי להכנס למונחים, חזרו לעמוד של כל התכונות, מצאו את התכונה אותה תרצו לשייך לה צבעים, בצד שמאל לתכונה יופיעו לכם המונחים ומתחת יהיה כתוב "עריכת מונחים" – לחצו על זה:

לאחר מכן ערכו את המונח אליו תרצו לשייך צבע:

בעמוד שנפתח גלגלו למטה עד שתגיעו ל Swatch options.

במידה שבחרתם ב Image Swatch:

יופיע לכם סימן (+), לחצו עליו והעלו תמונה.

הכנו לכם 33 צבעים שונים שתוכלו להתשמש בהם, לחצו כאן להורדת הצבעים > (כמובן שתוכלו להכין את שלכם).

במידה ובחרתם ב Color Swatch:

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

בסיום לחצו על "עדכון" והמשיכו למונח הבא עד שתסיימו את כולם.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *