מדריך › מתקדם

מבנה עמוד המוצר

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

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

לאן הולכים

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

שלב א׳ — הפריסה

1. פתחו את ״כללי״ וגללו לכותרת ״מבנה״.
2. ״רוחב עמוד (0 = יורש מהראשי)״ — 0 יורש את רוחב התוכן הגלובלי.
3. ״צבע רקע לעמוד (דורס את הראשי)״.
4. ״מרווח בין הגלריה לתוכן (px, ‏0 = ברירת מחדל)״.
5. ״מיקום גלריה ותוכן״ — שני ציורים: ״גלריה בהתחלה״ או ״גלריה בסוף״.
6. ״רוחב גלריה / תוכן״ — ״שווה״, ״גלריה רחבה״ או ״תוכן רחב״.

שלב ב׳ — הגלריה בדסקטופ

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

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

שלב ג׳ — הגלריה בטלפון

1. גללו לכותרת ״גלריה — מובייל״.
2. בחרו ״מקצה לקצה עם נקודות״ (ברירת מחדל) או ״הצצה לתמונה הבאה״.
3. ״חצים בגלריית המובייל״ — מופיע רק באפשרות הנקודות.
4. ״גובה אחיד — מובייל (px, ‏0 = אוטומטי)״.

שלב ד׳ — הטקסט

מתחת לכותרת ״טקסט״: ״גודל טקסט רץ (px)״ (16 כברירת מחדל) ו״גובה שורה לטקסט רץ״ (״צפוף״ / ״רגיל״ / ״מרווח״). אלה נפרדות מההגדרות המקבילות בעמוד הקטלוג.

שלב ה׳ — אזור ההוספה לסל

1. גללו לכותרת ״אזור ההוספה לסל״.
2. ״הצגת כמות לצד הכפתור״ — מתג.
3. ״שורת מלאי מעל הכפתור״ — מתג, דלוק כברירת מחדל.
4. אם שורת המלאי דלוקה, יופיעו שתי הגדרות המשלוח:
   • ״ימי משלוח״ — שורה של שבע אותיות (א׳ עד ש׳). סמנו את הימים שבהם אתם שולחים הזמנות בפועל. ברירת המחדל היא ראשון עד חמישי.
   • ״ימי אספקה״ — כמה ימי משלוח לוקח. ברירת המחדל 3, בטווח 1 עד 30.

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

האייקונים מתחת לכפתור

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

שים לב: בחירת אייקון בלי מילוי ״טקסט אייקון N״ משאירה אייקון בלי הסבר. מלאו תמיד את שני השדות יחד.

שלב ו׳ — מידע ותוכן, והמלכודת שלו

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

שים לב: שתי ההגדרות שקובעות איפה יושב מידע המוצר אינן נמצאות במקטע ״כללי״. הן יושבות במקטע ״עמוד מוצר ← טאבים״:

• ״סגנון מידע המוצר״ — ״טאבים״ או ״אקורדיון״ (ברירת המחדל).
• ״מיקום מידע המוצר — דסקטופ״ — ״רוחב מלא מתחת״, ״לצד הגלריה״ או ״מתחת לגלריה״.

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

שלב ז׳ — הסוואטשס בעמוד המוצר

1. פתחו את ״עמוד מוצר ← סוואטשס״.
2. ״גודל Swatch — דף מוצר (px)״ — 32 כברירת מחדל, בטווח 20 עד 56.
3. ״צורת ה-Swatch״ — ״עגול״ או ״ריבוע״.
4. ״סימון V על ה-Swatch הנבחר״ — מתג.
5. מתחת לכותרת ״דרופ-דאונים״: ״רוחב דרופ-דאון בודד״ (״רוחב מלא״ או ״חצי רוחב״) ו״שני דרופ-דאונים זה לצד זה״.

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

קשור

• advanced-product-linked
• advanced-catalogue-structure
• advanced-customizer-map
• advanced-global-design