איך מסדרים את גלריית התמונות בדף המוצר
הפריסטים של הגלריה בדסקטופ ובמובייל, גובה אחיד, לייטבוקס וזום — וגם התצוגה של חלונית הבחירה המהירה מהקטלוג.
המדריך הזה עובר על כל ההגדרות שקובעות איך התמונות של המוצר מסודרות בדף שלו ובחלונית הבחירה המהירה — למי שמעצב את מראה החנות, לא למי שמזין מוצר בודד.
כל ההגדרות כאן הן ברמת החנות כולה, ונמצאות ב״התאמה אישית״. הן משפיעות על כל המוצרים בבת אחת.
המבנה של דף המוצר
ב״התאמה אישית ← עמוד מוצר ← כללי״, תחת הכותרת ״מבנה״:
- ״רוחב עמוד (0 = יורש מהראשי)״ — השאר 0 אלא אם דף המוצר צריך רוחב משלו.
- ״צבע רקע לעמוד (דורס את הראשי)״ — השארה ריקה משאירה את הרקע הכללי.
- ״מרווח בין הגלריה לתוכן (px, 0 = ברירת מחדל)״.
- ״מיקום גלריה ותוכן״ — ״גלריה בהתחלה״ או ״גלריה בסוף״. באתר בעברית ״התחלה״ היא הצד הימני.
- ״רוחב גלריה / תוכן״ — ״שווה״, ״גלריה רחבה״ או ״תוכן רחב״.
הגלריה בדסקטופ
באותו מסך, תחת ״גלריה — דסקטופ״, בחר פריסט:
- ״ממוזערות בצד״ — טור תמונות קטנות לצד התמונה הגדולה.
- ״ממוזערות מתחת״ — שורת תמונות קטנות מתחת לגדולה.
- ״רשת דו-טורית״ — כל התמונות בשתי עמודות, בלי תמונה ראשית.
- ״אחת מתחת לשנייה״ — תמונות ברוחב מלא, זו אחרי זו, עם ממוזערות בצד.
אחרי בחירת הפריסט:
- ״ממוזערות מוצגות (חצים מדפדפים בשאר)״ — בין 2 ל-10.
- ״חצים על התמונה הראשית — דסקטופ״.
- ״גודל תמונות ממוזערות״ — ״קטן״, ״בינוני״ או ״גדול״.
שים לב: שלוש ההגדרות האלה מופיעות רק כשנבחר ״ממוזערות בצד״ או ״ממוזערות מתחת״. בפריסטים האחרים אין ממוזערות בכלל, ולכן הן נעלמות מהמסך.
גובה, לייטבוקס וזום
- ״גובה תמונות הגלריה״ — ״מקורי״ משאיר לכל תמונה את הפרופורציות שלה; ״אחיד (חיתוך מהמרכז)״ מיישר את כולן לגובה אחד.
- אם בחרת ״אחיד״, ייפתח ״גובה אחיד (px)״ — בין 240 ל-1000.
- ״פתיחת תמונות בלייטבוקס״ — לחיצה על תמונה פותחת אותה גדולה מעל הדף.
- ״זום בריחוף״ — הגדלה של אזור התמונה בזמן ריחוף עכבר.
שים לב: ״אחיד״ חותך מהמרכז. אם התמונות שלכם מצולמות בפרופורציות שונות מאוד, בדקו שהחיתוך לא קוטע רגל של כיסא. אפשרות ״מקורי״ בטוחה יותר לקטלוג לא אחיד.
הגלריה במובייל
תחת הכותרת ״גלריה — מובייל״ באותו מסך:
- בחר פריסט: ״מקצה לקצה עם נקודות״ או ״הצצה לתמונה הבאה״.
- ״חצים בגלריית המובייל״ — מופיע רק בפריסט ״מקצה לקצה עם נקודות״.
- ״גובה אחיד — מובייל (px, 0 = אוטומטי)״ — עד 900. 0 משאיר גובה טבעי.
גדלי התמונות עצמן
הגדרות החיתוך והגודל של קובצי התמונה עצמם הן של ווקומרס, ובחנות הזו הן יושבות ב״התאמה אישית ← עמוד מוצר ← תמונות מוצר״. שנה שם רק כשהתמונות באמת יוצאות חתוכות או מטושטשות.
הבחירה המהירה מהקטלוג
כשלקוח לוחץ על כפתור ההוספה לסל בכרטיס של מוצר עם אפשרויות, נפתחת חלונית שבה הוא בוחר צבע או מידה בלי לעזוב את הקטלוג. ההגדרות שלה ב״התאמה אישית ← עמוד קטלוג ← כרטיס מוצר״:
- ״בחירה מהירה נפתחת מצד״ — ״ימין״ או ״שמאל״.
- ״גלריה בבחירה המהירה״:
- ״שתי תמונות — הבאה מציצה״
- ״תמונה אחת במרכז״
- ״תמונה קטנה, בלי גלריה״
- ״פינות התמונה בבחירה המהירה״ — ״חד״, ״מעוגלות קלות״ או ״עגול״.
ההסבר להגדרה הראשונה: ״הפאנל שכרטיס בקטלוג פותח למוצר עם אפשרויות. בטלפון הוא עולה מלמטה.״
שים לב: ״נפתחת מצד״ רלוונטית לדסקטופ בלבד. בטלפון החלונית תמיד עולה מלמטה, ללא קשר לבחירה.
שמירה
- אחרי כל שינוי, בדוק את התוצאה בתצוגה המקדימה שבצד חלון ההתאמה האישית.
- לחץ ״פרסום״ בראש החלון. עד שלא לחצת, השינויים לא באוויר.
קשור
- products-create-new
- products-color-galleries
- products-video
- products-swatch-color
- products-stock-delivery