גלריות מוצרים מאפשרות לכם להציג את המוצרים שאתם מציעים. אפשר להוסיף גלריה לכל עמוד באתר ואז להחליט מה להציג: את כל המוצרים שלכם או רק קטגוריה ספציפית אחת.
יש שני סוגי גלריות למוצרים – גלריית Grid (גריד – משבצות) וגלריית Slider (הזזה) כמו זו:
הצגת קטגוריה בגלריית Grid (גריד)
גלריית גריד מתאימה להצגת מספר גדול של מוצרים. זו בעצם טבלת משבצות של הרבה טורים ושורות.
כדי להוסיף גלריית גריד ולבחור קטגוריה להצגה:
- עברו אל העמוד שאתם רוצים להוסיף בו גלריה.
- פתחו את החלונית Add Elements (הוספת אלמנטים) ב-Editor:
- Wix Editor: הקליקו משמאל על Add Elements (הוספת אלמנטים).
- Editor X: הקליקו למעלה על Add Elements (הוספת אלמנטים).
- הקליקו על Store (חנות).
- הקליקו על Grid Product Gallery (גלריית משבצות למוצרים).
- גררו את גלריית המשבצות למקום הרלוונטי בעמוד.
- הקליקו על הגלריה ב-Editor.
- הקליקו על Choose Category (בחירת קטגוריה).
- בחרו אפשרות:
- כדי להציג את כל המוצרים: ודאו שהקטגוריה All Products (כל המוצרים) מסומנת.
- כדי להציג קטגוריה אחת: הקליקו כדי לבחור קטגוריה.
עריכת גלריית ה-Grid (גריד)
הגלריה היא החלק הראשון שהלקוחות רואים בחנות, ולכן חשוב שהיא תעשה רושם ראשוני טוב.
כדי לערוך את גלריית הגריד:
- עברו ב-Editor לעמוד שמכיל את הגלריה שאתם רוצים לערוך.
- הקליקו על Product Gallery (גלריית מוצרים).
- הקליקו על אייקון ההגדרות .
- בחרו בפעולה שאתם רוצים לבצע:
הקליקו על הטאב Layout (פריסה) כדי להתאים אישית את הגלריה באמצעות האפשרויות הבאות:
- Stretch to full width: הקליקו על המתג הזה כדי למתוח את הגלריה לרוחב הדפדפן. אם המתג מופעל, עליכם לקבוע את גודל השוליים של הגלריה, ובמקטע Gallery Layout (פריסת הגלריה), תחת Grid behavior (התנהגות הגריד), מומלץ לבחור ב-Responsive (רספונסיבית).
- Gallery Layout (פריסת הגלריה): בחרו סגנון תצוגה ואז הגדירו את יישור הטקסט, מספר העמודות והשורות והריווח ביניהן.
- Image Layout (פריסת התמונות): בחרו איך יוצגו התמונות שהעליתם. לפרטים נוספים
- Ribbon Layout (פריסת התווית): בחרו איך תיראה התווית.
- Pagination (מספור עמודים): בחרו סגנון מספור וערכו את החיצים והיישור.
הערה: האפשרות הזו תהיה זמינה רק אם תבחרו מספור בטאב Settings (הגדרות).
הקליקו על הטאב Settings (הגדרות) והתאימו אישית את האפשרויות הבאות:
- On Hover (במעבר עכבר): הגדירו מה קורה כאשר לקוח או לקוחה עומדים עם העכבר מעל מוצר.
- What's Displayed? (מה מוצג): הציגו או הסתירו אלמנטים בגלריה.
- View More Products (הצגת מוצרים נוספים): בחרו מה קורה כאשר הלקוחות גוללים למטה לסוף העמוד. לפרטים נוספים
הערה: במובייל הכפתור "Load More" (טעינת פריטים נוספים) מוצג תמיד אחרי 10 מוצרים. - Add to Cart Button (כפתור ההוספה לעגלת הקניות): הציגו את הכפתור אם אתם רוצים שהלקוחות יוכלו להוסיף מוצרים לעגלה בלי שיצטרכו לעבור לעמוד המוצר. אם בחרתם להציג את הכפתור, ערכו את ההגדרות שלו:
- On hover only (רק במעבר עכבר): בחרו כדי להציג את הכפתור רק כשהלקוח עומד עם סמן העכבר מעל המוצר.
- When button is clicked (בלחיצה על הכפתור): בחרו לאן להעביר את הלקוח אחרי שהקליק על הכפתור Add to Cart (הוספה לעגלה).
- Show quantity (הצגת הכמות): בחרו כדי לאפשר ללקוחות להוסיף לעגלה 2 יחידות או יותר מהמוצר.
- Show options (הצגת מאפייני מוצרים): הפעילו את המתג כדי להציג מאפייני מוצרים (product options), למשל צבעים או מידות.
הקליקו על הטאב Text (טקסט) וערכו את האפשרויות הבאות:
- Add to Cart Button text הטקסט שכתוב בכפתור ההוספה לסל, רק אם הוא מוצג.
- Out of Stock Text: הודעה שמופיעה כשהמוצר חסר במלאי.
- View More Products text: טקסט שמופיע רק אם בוחרים להציג את הכפתור Load More (טען עוד) כשהלקוחות גוללים לתחתית העמוד.
הקליקו על הטאב Design (עיצוב) כדי לערוך את הגלריה באמצעות האפשרויות הבאות:
טיפ: האפשרויות משתנות בהתאם לפיצ'רים שהפעלתם בטאבים Settings (הגדרות) ו-Quick View (צפייה מהירה).
- General (כללי): בחרו צבע רקע עבור הגלריה והגדירו את עיצוב המיון והסינון.
- Load more button / Pagination (כפתור טעינת פריטים נוספים/מספור): ערכו את האפשרות שבחרתם בטאב Settings, Load More Button (כפתור טעינת הפריטים הנוספים) או Pagination (מספור).
- Product Display (תצוגת המוצרים): בחרו צבע רקע עבור המוצרים, הוסיפו מסגרת וערכו את טקסט הגלריה.
- Add to Cart Button (כפתור הוספה לעגלת הקניות): בחרו עיצוב לכל תצוגה – תצוגת ברירת המחדל והתצוגה במעבר עכבר.
- Ribbons (תוויות): בחרו צבע, רקע ופונט לתוויות. לפרטים נוספים
- Product options & quantity (מאפיינים וכמות של מוצרים): ערכו את שני סוגי מאפייני המוצרים: צבע ורשימות נפתחות.
- Name & price divider (הקו המפריד בין השם למחיר): עצבו את הקו המפריד בין שם המוצר למחיר.
- Quick View button (כפתור תצוגה מהירה): מופיע מעל תמונה כאשר העכבר עובר מעליה. כדי לראות אותו, צפו באתר בתצוגה מקדימה.
אתם יכולים לעזור ללקוחות למצוא את המוצרים שהם מחפשים באמצעות מסננים.
לפרטים נוספים
אתם יכולים לאפשר ללקוחות למיין את המוצרים לפי מחיר, שם או ותק בחנות (מוצרים חדשים).
לפרטים נוספים
באמצעות התצוגה המהירה הלקוחות יכולים לראות את פרטי המוצרים בחלון קופץ בלי לעזוב את העמוד של החנות.
כדי לכבות את התצוגה המהירה:
- הקליקו על הטאב Quick View (תצוגה מהירה).
- הקליקו על המתג Show Quick View (הפעלת התצוגה המהירה) כדי לכבות אותו.
כדי ללמוד איך עורכים את התצוגה המהירה, הקליקו
כאן.
עריכת גלריית ה-Grid (גריד) למובייל
ודאו שהגלריה נראית טוב גם במכשירים ניידים. אתם יכולים להתאים את העיצוב למסכים קטנים יותר כדי שהלקוחות יוכלו להוסיף במהירות מוצרים לעגלה מבלי לצאת מהגלריה.
כדי לערוך את גלריית ה-Grid (גריד) למובייל:
- עברו לעמוד עם גלריית הגריד שאתם רוצים לערוך.
- ב-Editor, הקליקו למעלה על אייקון המעבר למובייל .
- הקליקו על גלריית הגריד.
- הקליקו על Settings (הגדרות).
- עכשיו יש לכם אפשרויות שונות לעיצוב הגלריה למובייל:
- Show Add to Cart button (הצגת כפתור ההוספה לעגלה): הפעילו את המתג הזה כדי שלקוחות יוכלו להוסיף מוצרים לעגלה בלי לעבור לעמוד המוצר. אם בחרתם להציג את הכפתור, הקליקו על המתג Show quantity (הצגת הכמות) כדי שהלקוחות יוכלו להוסיף לעגלה יותר מיחידה אחת מהמוצר.
- Show product options (הצגת מאפייני מוצרים): הפעילו את המתג כדי להציג מאפייני מוצרים כמו מידות וצבעים.
- ערכו את הפריסה: בחרו אם להציג מוצרים בעמודה אחת או שתיים.
- שנו את העיצוב: גררו את המתגים כדי להתאים את גודל הטקסט למובייל.
הצגת קטגוריה בגלריית Slider (הזזה)
גלריית Slider (הזזה) היא דרך מצוינת להציג את המוצרים. הלקוחות יכולים להקליק על חיצי הניווט כדי לצפות בעוד מוצרים.
כדי להוסיף גלריית הזזה ולבחור קטגוריה להצגה:
- עברו אל העמוד שאתם רוצים להוסיף בו גלריה.
- פתחו את החלונית Add Elements (הוספת אלמנטים) ב-Editor:
- Wix Editor: הקליקו משמאל על Add Elements (הוספת אלמנטים).
- Editor X: הקליקו למעלה על Add Elements (הוספת אלמנטים).
- הקליקו על Store (חנות).
- הקליקו על Slider Product Gallery.
- גררו את גלריית ההזזה למקום שבו אתם רוצים למקם אותה.
- הקליקו על הגלריה ב-Editor.
- הקליקו על Settings (הגדרות).
- בחרו אפשרות:
- כדי להציג את כל המוצרים: ודאו שהקטגוריה All Products (כל המוצרים) מסומנת.
- כדי להציג קטגוריה אחת: בחרו קטגוריה מהרשימה הנפתחתWhich category to display? (איזו קטגוריה להציג?)
ערכו את גלריית ההזזה
יש לכם אפשרויות שונות לעיצוב גלריית מוצרים מסוג Slider (הזזה). ניתן לשנות את הטקסט והעיצוב, לבחור אילו אלמנטים להציג (למשל כפתור הוספה לעגלה) ועוד.
כדי לערוך את גלריית ההזזה:
- הקליקו על הגלריה.
- הקליקו על Settings (הגדרות).
- בחרו בפעולה שאתם רוצים לבצע:
הקליקו על הטאב Layout (פריסה) כדי להתאים אישית את הגלריה באמצעות האפשרויות הבאות:
- Stretch to full width (מתיחה לרוחב מלא): הקליקו על המתג הזה כדי להגדיר איך תוצג גלריית ההזזה.
- במצב פעיל: האלמנט נמתח לרוחב המלא של הדפדפן של הגולשים.
- Margins: הגדירו את גודל השוליים של הגלריה.
- במצב כבוי: האלמנט לא נמתח לרוחב הדפדפן.
- Product display style (סגנון תצוגת מוצרים): בחרו איך להציג פרטי מוצרים.
- Product info alignment (יישור טקסט המוצר): בחרו אם הטקסט ייושר לימין, למרכז או לשמאל.
- Gallery title alignment (יישור כותרת הגלריה): ניתן לבטל את הכותרת בטאב Settings (הגדרות).
- Number of products (מספר המוצרים): בחרו איך נקבע מספר המוצרים המוצגים:
- Fixed (קבוע): מספר המוצרים שתבחרו יוצג לכל הגולשים באתר.
- בחרו את מספר המוצרים שיוצגו.
- Responsive (רספונסיבי): מספר המוצרים המוצגים מותאם לגודל המסך של הגולש. ההגדרה הזו זמינה רק אם בחרתם קודם באפשרות Stretch to full width.
- Spacing between products (ריווח בין מוצרים): הגדירו את גודל הרווח בין המוצרים.
- Product info padding (ריווח מסביב לפרטי המוצרים): התאימו את הריווח מימין ומשמאל לפרטי המוצרים.
- Image Layout (פריסת התמונות): בחרו איך יוצגו התמונות שהעליתם. לפרטים נוספים
- Ribbon Layout (פריסת התווית): בחרו איך תיראה התווית. לפרטים נוספים
הקליקו על הטאב Settings (הגדרות) והתאימו אישית את האפשרויות הבאות:
- On Hover (במעבר עכבר): הגדירו מה קורה כאשר לקוח או לקוחה עומדים עם העכבר מעל מוצר.
- What's Displayed? (מה מוצג): הציגו או הסתירו אלמנטים בגלריה.
- Add to Cart Button (כפתור ההוספה לעגלת הקניות): הציגו את הכפתור אם אתם רוצים שהלקוחות יוכלו להוסיף מוצרים לעגלה בלי שיצטרכו לעבור לעמוד המוצר. אם בחרתם להציג את הכפתור, ערכו את ההגדרות שלו:
- On hover only (רק במעבר עכבר): סמנו את התיבה הזו כדי להציג את הכפתור רק כשהלקוח עומד עם סמן העכבר מעל המוצר.
- When button is clicked (בלחיצה על הכפתור): בחרו לאן להעביר את הלקוח אחרי שהקליק על הכפתור Add to Cart (הוספה לעגלה).
- Show quantity (הצגת הכמות): בחרו כדי לאפשר ללקוחות להוסיף לעגלה 2 יחידות או יותר מהמוצר.
הקליקו על הטאב Text (טקסט) וערכו את האפשרויות הבאות:
- Gallery title text (טקסט כותרת הגלריה): אפשרות זו זמינה אם בחרתם להציג כותרת.
- Add to Cart Button text הטקסט שכתוב בכפתור ההוספה לסל, רק אם הוא מוצג.
- Out of Stock Text: הודעה שמופיעה כשהמוצר חסר במלאי.
הקליקו על הטאב Design (עיצוב) כדי לערוך את הגלריה באמצעות האפשרויות הבאות:
טיפ: האפשרויות משתנות בהתאם לפיצ'רים שהפעלתם בטאבים Settings (הגדרות) ו-Quick View (צפייה מהירה).
- General (כללי): בחרו צבע רקע לגלריה, בחרו פונט וצבע לכותרת ועצבו את גלריית ההזזה.
- Product Display (תצוגת המוצרים): בחרו צבע רקע עבור המוצרים, הוסיפו מסגרת וערכו את טקסט הגלריה.
- Add to Cart Button (כפתור הוספה לעגלת הקניות): בחרו עיצוב לכל תצוגה – תצוגת ברירת המחדל והתצוגה במעבר עכבר.
- Ribbons (תוויות): בחרו צבע, רקע ופונט לתוויות. לפרטים נוספים
- Name & price divider (הקו המפריד בין השם למחיר): עצבו את הקו המפריד בין שם המוצר למחיר.
- Quick View button (כפתור תצוגה מהירה): מופיע מעל תמונה כאשר העכבר עובר מעליה. כדי לראות אותו, צפו באתר בתצוגה מקדימה.
באמצעות התצוגה המהירה הלקוחות יכולים לראות את פרטי המוצרים בחלון קופץ בלי לעזוב את העמוד של החנות.
כדי לכבות את התצוגה המהירה:
- הקליקו על הטאב Quick View (תצוגה מהירה).
- הקליקו על המתג Show Quick View (הפעלת התצוגה המהירה) כדי לכבות אותו.
לפרטים נוספים על עריכת התצוגה המהירה, הקליקו
כאן.