מבנה עמוד הקטלוג
רוחב העמוד, פירורי הלחם, רשת המוצרים, העימוד — ובאנר משלה לכל קטגוריה.
המדריך הזה מסביר איך לשנות את המבנה של עמוד הקטלוג — הרוחב, הכותרת, רשת המוצרים ואופן הטעינה — ואיך לתת לכל קטגוריה באנר ורצועת תתי-קטגוריות משלה. הוא מיועד למי שאחראי על חוויית הגלישה בחנות.
שלב א׳ — מבנה העמוד
- לכו ל״עיצוב ← התאמה אישית ← עמוד קטלוג ← כללי״.
- גללו לכותרת ״מבנה העמוד״.
- ״רוחב עמוד (0 = יורש מהראשי)״ — השאירו 0 כדי לרשת את ״רוחב תוכן (פיקסלים)״ מ״עיצוב גלובלי״.
- ״צבע רקע לעמוד (דורס את הראשי)״ — ריק משאיר את רקע האתר.
- ״מיקום פירורי לחם״ — ״מעל הכותרת״, ״מתחת לכותרת״ או ״מוסתר״.
- ״יישור כותרת״ — ״התחלה״ או ״מרכז״.
- ״מיקום תיאור הקטגוריה״ — ״מתחת לכותרת״ או ״מתחת למוצרים״.
- ״גודל טקסט רץ (px)״ ו״גובה שורה לטקסט רץ״ (״צפוף״ / ״רגיל״ / ״מרווח״).
שים לב: המקטע ״כללי״ מחזיק גם את ההגדרות של ווקומרס עצמה. ההסבר בראשו: ״הגדרות הקטלוג של ווקומרס עצמו, ושל התבנית מעליהן.״ אל תתבלבלו — שתי המערכות באותו מסך, ורק ההגדרות שמפורטות כאן הן של התבנית.
שלב ב׳ — רשת המוצרים
- גללו לכותרת ״רשת המוצרים״.
- ״מוצרים בשורה — דסקטופ״ — 2, 3, 4 (ברירת מחדל) או 5.
- ״מוצרים בשורה — מובייל״ — 1, 2 (ברירת מחדל) או 3.
- ״ריווח בין מוצרים״ — ״ללא״, ״קטן״, ״רגיל״ או ״גדול״.
- ״רוחב אזור המוצרים״ — ״רוחב העמוד״ או ״מקצה לקצה״.
- ״מוצרים שאזלו מהמלאי יורדים לסוף הקטלוג״ — מתג. כשהוא דלוק, המוצרים שאזלו נדחקים לסוף לפני כל מיון אחר.
- ״רענון תמונה ראשית״ — ״כבוי״, ״גל יומי״ או ״חכם״.
שתי דרכי הרענון, בקצרה
- ״גל יומי — רבע מהקטלוג מתחלף בכל יום״ — רבע מהמוצרים מציגים כל יום תמונה אחרת מהגלריה שלהם במקום התמונה הראשית. הבחירה קבועה לאותו יום, וכל הגולשים רואים בו את אותה תמונה.
- ״חכם — מוצרים שהגולש דילג עליהם יחזרו מזווית אחרת״ — פועל לכל גולש בנפרד, בדפדפן שלו. מוצר שנראה על המסך ולא נלחץ יקבל בטעינה הבאה תמונה אחרת. שום דבר לא נשמר בשרת, ולכן הפעולה שונה מגולש לגולש.
שים לב: שתי האפשרויות עובדות רק על מוצרים שיש להם יותר מתמונה אחת. למוצר עם תמונה בודדת שום דבר לא ישתנה.
שלב ג׳ — טעינה ועימוד
- גללו לכותרת ״טעינה ועימוד״.
- ״מוצרים בעמוד (-1 מציג הכל)״ — ברירת המחדל 24.
- ״טעינת מוצרים נוספים״ — ״מספרי עמודים״, ״כפתור ׳הצג עוד׳״ או ״אוטומטי בגלילה״.
- ״צורת מספרי העמודים״ — ״עיגולים״ או ״ריבועים״.
שים לב: -1 ב״מוצרים בעמוד״ טוען את כל הקטלוג בבת אחת. בקטגוריה עם מאות מוצרים זה יאט את העמוד מאוד. השתמשו בזה רק בקטגוריות קטנות.
שלב ד׳ — באנר משלה לכל קטגוריה
הבאנר אינו הגדרה גלובלית — הוא נקבע לכל קטגוריה בנפרד:
- לכו ל״מוצרים ← קטגוריות״, ופתחו קטגוריה בעריכה (לא בעריכה מהירה).
- גללו לכותרת ״עמוד קטגוריה — באנר״.
- ב״פריסה״ בחרו ״ללא — כותרת רגילה״, ״תמונה לכל הרוחב״ או ״חצי תמונה · חצי תוכן״.
- העלו ״תמונת באנר — דסקטופ״ ואם צריך גם ״תמונת באנר — מובייל (רשות)״.
- קבעו ״גובה״ לדסקטופ ולמובייל — ״השאירו ריק לגובה אוטומטי״.
- קבעו ״טקסט״ (״על התמונה״ או ״מתחת לתמונה״), ״מיקום הטקסט״, ״צבע הטקסט״ (״בהיר (לתמונה כהה)״ או ״כהה (לתמונה בהירה)״) ו״הכהיית התמונה״.
- שמרו את הקטגוריה.
שים לב: ברגע שבחרתם פריסת באנר, ״שם הקטגוריה והתיאור עוברים אליו״ — הכותרת הרגילה של העמוד נעלמת. אם אתם רוצים את הכותרת הפשוטה בחזרה, החזירו את הפריסה ל״ללא — כותרת רגילה״.
רצועת תתי-הקטגוריות
- באותו מסך גללו לכותרת ״תתי-קטגוריות״.
- הדליקו ״הצגת תתי-קטגוריות״.
- ב״תצוגה״ בחרו ״נקי — קישורים עם קו תחתון״, ״גלולות״ או ״כרטיסי תמונה״.
- ב״מיקום״ בחרו ״מתחת לתיאור״ או ״על תמונת הבאנר״.
- אם בחרתם ״כרטיסי תמונה״, קבעו ״צורת התמונה״ (״ריבוע״ / ״לאורך״ / ״עיגול״) ו״פינות״, ואפשר להדליק ״סליידר״.
שים לב: האפשרות ״על תמונת הבאנר״ מסומנת במפורש כ״לכל הרוחב, טקסט-על-התמונה בלבד״. אם הבאנר שלכם הוא ״חצי תמונה · חצי תוכן״, או שהטקסט מוגדר ״מתחת לתמונה״ — הרצועה לא תיכנס לבאנר.
כרטיסי התמונה לוקחים את ״תמונת כרטיס״ של כל תת-קטגוריה, שנמצאת באותו מסך עריכה. אם היא ריקה — נעשה שימוש בתמונת הבאנר של אותה קטגוריה.
שלב ה׳ — מה נמצא במקטעים השכנים
- ״עמוד קטלוג ← כרטיס מוצר״ — הפריסט של הכרטיס, התמונה, כפתור ההוספה לסל והבחירה המהירה.
- ״עמוד קטלוג ← סוואטשס״ — גודל וצורת הסוואטשים על הכרטיס, ״מיקום בכרטיס המוצר״ ו״מקסימום סוואטשים בכרטיס״.
- ״עמוד קטלוג ← תוויות״ — תגי מבצע, מלאי, ״חדש״ והרצועה התחתונה.
- ״עמוד קטלוג ← סינון קטלוג״ — המראה של הסינון. קבוצות הסינון עצמן נמצאות ב״הגדרות תבנית ← סינון קטלוג״.
קשור
- advanced-catalogue-labels
- advanced-product-page-structure
- advanced-customizer-map
- advanced-global-design