גלריות מוצרים הן דרך מעולה להציג את המוצרים שאתם מציעים. אפשר להוסיף גלריה לכל עמוד באתר ואז להחליט מה להציג בה: את כל המוצרים שלכם או רק קטגוריה ספציפית אחת.
תוכלו לבחור בין גלריית גריד (גלריה עם כמה שורות) לבין גלריית גלילה אופקית (Slider) שהלקוחות יכולים לגלול בה.
עיצוב גלריית גריד (רשת)
כדאי לעצב את גלריית הגריד באופן שיתאים לסגנון של החנות שלכם.
כדי לערוך את גלריית הגריד:
- עברו ב-editor לעמוד שמכיל את הגלריה שאתם רוצים לערוך.
- הקליקו על גלריית הגריד.
- הקליקו על Settings (הגדרות) או על אייקון ההגדרות
. - בחרו אילו הגדרות אתם רוצים לערוך:
הקליקו על הלשונית Category (קטגוריה) כדי לבחור את קטגוריית המוצרים שאתם רוצים להציג.
טיפ: כברירת מחדל, כל גלריה מציגה את הקטגוריה All Products (כל המוצרים).
בחרו אילו אלמנטים אתם רוצים להציג
הקליקו על הלשונית Display (תצוגה) ואז סמנו או בטלו את הסימון של התיבות כדי להציג או להסתיר אלמנטים של גלריה כמו מסננים, תוויות או מאפייני מוצרים.
טיפ: כשתציגו מאפייני מוצרים, יופיעו רק שניים. לדוגמה, אם למוצר שלכם יש אפשרויות צבע, גודל וצורה, יוצגו רק שתי האפשרויות הראשונות שיצרתם.
טיפ: אחרי הלחיצה על הכפתור Add to Cart (הוספה לעגלה), אם האפשרות הזו מופעלת, תוכלו להפנות את הלקוחות לחלון Quick View (תצוגה מהירה) או למגירה נפתחת כדי לאפשר להם לבצע את כל הבחירות הנדרשות. קראו פרטים נוספים על
הגדרת התנהגות הכפתור Add to Cart (הוספה לעגלה).
הקליקו על הלשונית Settings (הגדרות) וערכו את האפשרויות הזמינות.
- Product options: בחרו אילו מאפייני מוצרים יוצגו.
טיפ: זה רלוונטי אם הפעלתם את אפשרויות המוצרים, ואם לחלק מהמוצרים יש כמה מאפיינים, כמו צבע, מידה וצורה. - Scroll Behavior (התנהגות בגלילה):
- בחרו מה קורה כשהלקוחות גוללים לתחתית העמוד. לפרטים נוספים
- הפעילו את המתג Sticky sidebar (סרגל צד דביק) כדי שהמסננים יהיו גלויים בזמן הגלילה. אם הפעלתם אותו, בחרו את המרחק של סרגל הצד מהקצה העליון.
- Product image effects (אפקטים של תמונת מוצר): הגדירו מה קורה כשלקוחות מעבירים את העכבר מעל מוצר.
הקליקו על הלשונית Layout (פריסה) כדי לערוך את הגלריה בעזרת האפשרויות הבאות:
טיפ: האפשרויות משתנות בהתאם לאלמנטים שהפעלתם.
- General: (כללי) הקליקו על המתג כדי למתוח את הגלריה על כל פני הדפדפן. אם המתג מופעל, הגדירו את גודל השוליים (רלוונטי רק ל-Wix Editor – לא ל-editor של Studio או Harmony).
הערה: אם המתג מופעל, מומלץ לבחור באפשרות Responsive (רספונסיבי) תחת Grid behavior (התנהגות הגריד). - Product grid (גריד מוצרים):
טיפ: אם תבחרו באפשרות Fixed (קבוע), ההגדרות של התנהגות הגריד לא יהיו תלויות בגודל המסך. באפשרות Responsive (רספונסיבי), מספר השורות והעמודות מותאם לגודל המסך, אבל ההגדרה הזו פועלת רק כשהגלריה מתוחה לרוחב מלא. - Product images (תמונות מוצרים): בחרו איך יוצגו התמונות. קראו פרטים נוספים על הצגת תמונות
- Add to Cart button (כפתור ההוספה לעגלת הקניות): בחרו איפה הכפתור ימוקם.
הערה: אם הכפתור ממוקם על גבי התמונה, הכפתור Quick View (תצוגה מהירה) לא יוצג. - Quick Add drawer (מגירה להוספה מהירה): ישרו וערכו את הריווח של מגירת ההוספה המהירה.
- Product info (מידע על מוצרים): בחרו אפשרות פריסה לכרטיס מוצר וערכו אותה.
- Product options (אפשרויות מוצר): הקליקו על המתגים כדי להציג רק אפשרויות צבע או להגביל את אפשרויות הצבע ולבחור את אופן התצוגה של אפשרויות הטקסט.
- Quantity (כמות): הגדירו את הרוחב של בורר הכמויות של המוצרים.
- Ribbons (תוויות): בחרו את המיקום של התווית והגדירו את הריווח.
הקליקו על הלשונית Design (עיצוב) כדי לערוך את הגלריה באמצעות האפשרויות הבאות:
טיפ: האפשרויות משתנות בהתאם לאלמנטים שהפעלתם.
- General (כללי): בחרו את הרקע שמופיע מאחורי כרטיסי המוצרים.
- Filters & sorting: אם הפעלתם מסננים או מיון, תוכלו לערוך את הרקע והטקסט.
- Product cards (כרטיסי מוצרים): הוסיפו רקע ומסגרת לכרטיס, וערכו את רדיוס הפינה של התמונה.
- Product info (פרטי מוצרים): ערכו את הטקסט בגלריה.
- Product options (אפשרויות מוצר): ערכו את אופן התצוגה של אפשרויות הצבע והטקסט של המוצרים.
- Quantity (כמות): ערכו את העיצוב של בורר הכמויות של המוצרים.
- Ribbons (תוויות): בחרו צבע, רקע ופונט לתוויות.
- Name & price divider: עצבו את הקו המפריד בין שם המוצר למחיר.
- Quick View button (כפתור 'תצוגה מהירה'): אם האפשרות Quick View מופעלת, תוכלו לעצב את הכפתור.
טיפ: כדי לערוך את התצוגה המהירה עצמה, עברו ללשונית Quick View. - Add to Cart Button: בחרו עיצוב לכל תצוגה - default (ברירת מחדל), hover (מעבר עם העכבר) ו-disabled (כלומר אזל מהמלאי).
- Quick Add drawer (מגירה להוספה מהירה): ערכו את העיצוב של מגירת ההוספה המהירה.
- Load More/Previous buttons or Pagination (כפתור טעינת פריטים נוספים/פריטים קודמים או מספור עמודים):ערכו את העיצוב של כפתור טעינת הפריטים הנוספים או א מספור העמודים.
הקליקו על הלשונית Text (טקסט) וערכו את הטקסט שמופיע בגלריית הגריד שלכם.
ערכו את התנהגות הכפתור Add to Cart (הוספה לעגלה)
אם עדיין לא הפעלתם את האפשרות הזאת, הקליקו על Show Add to Cart כדי להציג את כפתור ההוספה לעגלה בעמוד הקטגוריה שלכם.
לבסוף, בחרו לאן יופנו הלקוחות אחרי שהקליקו על הכפתור:
- Show success pop-up: יופיע חלון קופץ עם הודעת הצלחה.
- Open side cart: חלונית עגלת הקניות תיפתח בצד המסך.
- Go to Cart Page: הלקוחות יועברו ישירות לעמוד של עגלת הקניות.
- Stay on current page: הלקוחות יישארו בעמוד הנוכחי. עם הכפתור יופיע סימן אישור שיציין שהמוצר נוסף בהצלחה.
הקליקו על הלשונית
Sorting (מיון) כדי להפעיל ולערוך את המסננים. תנו ללקוחות אפשרות למיין את המוצרים לפי מחיר, שם או מתי נוספו לחנות. למדו איך
להוסיף ולהגדיר אפשרויות מיון.
הפעלה ועריכה של התצוגה המהירה
האפשרות Quick View מאפשרת ללקוחות לראות את פרטי המוצרים בחלון קופץ, בלי לצאת מהעמוד של החנות.
שימו לב:
- אם מיקמתם את הכפתור Add to Cart (הוספה לעגלה) על גבי התמונה, הכפתור Quick View (תצוגה מהירה) לא יוצג.
- כדי לראות את כפתור התצוגה המהירה בפעולה, בדקו את האתר בתצוגה מקדימה או באתר הלייב.
כדי להפעיל או להשבית את התצוגה המהירה:
- הקליקו על הלשונית Display (תצוגה).
- סמנו או בטלו את הסימון של התיבה שליד Quick View button.
השלבים הבאים:
עריכה של גלריית גלילה אופקית (Slider)
יש לכם אפשרויות שונות לעיצוב גלריית מוצרים בגלילה אופקית עד להשגת המראה המושלם, כולל שינוי הטקסט והעיצוב, לבחור אילו אלמנטים להציג (למשל כפתור ההוספה לעגלת הקניות) ועוד.
כדי לעצב גלריית גלילה אופקית (Slider):
- עברו ב-editor לעמוד שמכיל את הגלריה שאתם רוצים לערוך.
- הקליקו על גלריית הגלילה האופקית.
- הקליקו על Settings (הגדרות) או על אייקון ההגדרות .
- בחרו מה תרצו לעשות:
אפשר להשתמש בגלריה בשלוש דרכים:
- להציג מוצרים נבחרים:
הציגו קטגוריה ספציפית או את הקטגוריה "כל המוצרים".
לדוגמה, אם אתם רוצים להציג מוצרים חדשים, צרו קטגוריית מוצרים חדשים ולהוסיף אליה את כל המוצרים החדשים שלכם. לאחר מכן, בחרו את הקטגוריה הזו מהתפריט הנפתח. - להציג באופן אוטומטי את המוצרים הכי נמכרים שלכם:
בחרו באפשרות הזאת כדי להציג באופן אוטומטי את הפריטים הכי נמכרים. שימו לב שאם עדיין לא היו לכם מספיק מכירות כדי לחשב אילו מוצרים הם הכי נמכרים, יוצגו מוצרים קשורים או קטגוריית All Products. - להציג מוצרים קשורים:
הציגו את המוצרים שהלקוחות עשויים להתעניין בהם, על סמך המוצרים שהם צופים בהם. אפשר לבחור את סוג הגלריה הקשורה שתרצו להציג.
- From similar categories (מקטגוריות דומות): עדיף להוסיף את האפשרות הזאת לעמוד המוצר, לעגלת הקניות או לעמוד התודה.
- Frequently purchased together (בדרך כלל נקנים יחד): עדיף להוסיף לעמוד המוצר.
- Frequently viewed together (בדרך כלל נצפים יחד): עדיף להוסיף לעמוד המוצר.
הקליקו על הלשונית Display (תצוגה) ואז סמנו את האלמנטים בגלריה שאתם רוצים להציג ובטלו את סימון האלמנטים שאתם רוצים להסתיר.
טיפ: כשתציגו מאפייני מוצרים, יופיעו רק שניים. לדוגמה, אם למוצר שלכם יש אפשרויות צבע, גודל וצורה, יוצגו רק שתי האפשרויות הראשונות שיצרתם.
טיפ: אחרי הלחיצה על הכפתור Add to Cart (הוספה לעגלה), אם האפשרות הזו מופעלת, תוכלו להפנות את הלקוחות לחלון Quick View (תצוגה מהירה) או למגירה נפתחת כדי לאפשר להם לבצע את כל הבחירות הנדרשות. קראו פרטים נוספים על
עריכה של התנהגות הכפתור Add to Cart.
הקליקו על הלשונית Settings (הגדרות) וערכו את האפשרויות הבאות:
- Product options (מאפייני מוצרים): בחרו אילו מאפייני מוצרים יוצגו.
טיפ: זה רלוונטי אם הפעלתם את אפשרויות המוצרים, ואם לחלק מהמוצרים יש כמה מאפיינים, כמו צבע, מידה וצורה. - Slider behavior: (התנהגות הגלילה האופקית) הפעילו לופ אינסופי כדי לאפשר ללקוחות להמשיך לגלול בין מוצרים.
- Product image effects (אפקטים של תמונת מוצר): הגדירו מה קורה כשלקוחות מעבירים את העכבר מעל מוצר.
הקליקו על הלשונית Layout (פריסה) כדי לערוך את הגלריה בעזרת האפשרויות הבאות:
- General: (כללי) הקליקו על המתג כדי למתוח את הגלריה על כל פני הדפדפן. אם המתג מופעל, הגדירו את גודל השוליים (רלוונטי רק ל-Wix Editor – לא ל-editor של Studio או Harmony).
הערה: אם המתג מופעל, מומלץ לבחור באפשרות Responsive (רספונסיבי) תחת Grid behavior (התנהגות הגריד). - Gallery title: (כותרת הגלריה) ערכו את יישור הכותרת
- Product grid (גריד מוצרים):
טיפ: אם תבחרו בהתנהגות גריד קבועה, ההגדרות של התנהגות הגריד לא יהיו תלויות בגודל המסך. באפשרות Responsive (רספונסיבי), מספר העמודות מותאם לגודל המסך, אבל ההגדרה הזו פועלת רק כשהגלריה מתוחה לרוחב מלא. - Product images (תמונות מוצרים): בחרו איך יוצגו התמונות. קראו פרטים נוספים על הצגת תמונות
- Add to Cart button (כפתור ההוספה לעגלת הקניות): בחרו איפה הכפתור ימוקם.
הערה: אם הכפתור ממוקם על גבי התמונה, הכפתור Quick View (תצוגה מהירה) לא יוצג. - Quick Add drawer (מגירה להוספה מהירה): ישרו וערכו את הריווח של מגירת ההוספה המהירה.
- Product info: (פרטי המוצר) בחרו פריסה ויישור לפרטי המוצר.
- Product options (אפשרויות מוצר): הקליקו על המתגים כדי להציג רק אפשרויות צבע או להגביל את אפשרויות הצבע ולבחור את אופן התצוגה של אפשרויות הטקסט.
- Quantity (כמות): הגדירו את הרוחב של בורר הכמויות של המוצרים.
- Ribbons (תוויות): בחרו את המיקום של התווית והגדירו את הריווח.
- Navigation arrows (חיצי ניווט): שנו את מיקום החיצים.
- Pagination dots (נקודות מספור): בחרו אפשרות יישור ושנו את המרחק מהגלריה.
הקליקו על הלשונית Design (עיצוב) כדי לערוך את הגלריה באמצעות האפשרויות הבאות:
טיפ: האפשרויות משתנות בהתאם לפיצ'רים שהפעלתם בלשוניות Settings (הגדרות) ו-Quick View (תצוגה מהירה).
- General (כללי): בחרו צבע רקע לגלריה, בחרו פונט וצבע לכותרת.
- Product Cards (כרטיסי מוצרים): בחרו צבע רקע למוצרים, הוסיפו מסגרת וערכו את טקסט הגלריה.
- Product info (פרטי מוצרים): שנו את הטקסט של פרטי המוצרים שמוצגים.
- Product options (אפשרויות מוצר): ערכו את אופן התצוגה של אפשרויות הצבע והטקסט של המוצרים.
- Quantity (כמות): ערכו את העיצוב של בורר הכמויות של המוצרים.
- Ribbons (תוויות): בחרו צבע, רקע ופונט לתוויות.
- Navigation arrows (חיצי ניווט): שנו את העיצוב של חיצי הניווט.
- Pagination dots (נקודות מספור): ערכו את הצבע ואת השקיפות של נקודות המספור.
- Name & price divider: עצבו את הקו המפריד בין שם המוצר למחיר.
- Quick View button (כפתור 'תצוגה מהירה'): אם האפשרות Quick View מופעלת, תוכלו לעצב את הכפתור.
טיפ: כדי לערוך את התצוגה המהירה עצמה, עברו ללשונית Quick View. - Add to Cart Button: בחרו עיצוב לכל תצוגה - default (ברירת מחדל), hover (מעבר עם העכבר) ו-disabled (כלומר אזל מהמלאי).
- Quick Add drawer (מגירה להוספה מהירה): ערכו את העיצוב של מגירת ההוספה המהירה.
הקליקו על הלשונית Text (טקסט) וערכו את הטקסט שמופיע בגלריית הגריד שלכם.
ערכו את התנהגות הכפתור Add to Cart (הוספה לעגלה)
אם עדיין לא הפעלתם את האפשרות הזאת, הקליקו על Show Add to Cart כדי להציג את כפתור ההוספה לעגלה בעמוד הקטגוריה שלכם.
לבסוף, בחרו לאן יופנו הלקוחות אחרי שהקליקו על הכפתור:
- Show success pop-up: יופיע חלון קופץ עם הודעת הצלחה.
- Open side cart: חלונית עגלת הקניות תיפתח בצד המסך.
- Go to Cart Page: הלקוחות יועברו ישירות לעמוד של עגלת הקניות.
- Stay on current page: הלקוחות יישארו בעמוד הנוכחי. עם הכפתור יופיע סימן אישור שיציין שהמוצר נוסף בהצלחה.
הפעלה ועריכה של התצוגה המהירה
האפשרות Quick View מאפשרת ללקוחות לראות את פרטי המוצרים בחלון קופץ, בלי לצאת מהעמוד של החנות.
שימו לב:
- אם מיקמתם את הכפתור Add to Cart (הוספה לעגלה) על גבי התמונה, הכפתור Quick View (תצוגה מהירה) לא יוצג.
- כדי לראות את כפתור התצוגה המהירה בפעולה, בדקו את האתר בתצוגה מקדימה או באתר הלייב.
כדי להפעיל או להשבית את התצוגה המהירה:
- הקליקו על הלשונית Display (תצוגה).
- סמנו או בטלו את הסימון של התיבה שליד Quick View button.
השלבים הבאים:
- כדי לערוך את כפתור Quick View, עברו ללשונית Design (עיצוב).
- כדי לערוך את החלון הקופץ של התצוגה המהירה, עברו ללשונית Quick View. לפרטים נוספים
עיצוב גלריה במובייל
כדאי לוודא שהגלריות שיצרתם נראות טוב גם במכשיר נייד.אתם יכולים להתאים את העיצוב למסכים קטנים יותר כדי שהלקוחות יוכלו להוסיף במהירות מוצרים לעגלה מבלי לצאת מהגלריה.
- היכנסו ל-editor שלכם.
- ב-editor, הקליקו למעלה על אייקון המעבר למובייל
. - עברו לעמוד עם גלריית הגריד או גלריית הגלילה אופקית (Slider) שאתם רוצים לערוך.
- הקליקו על הגלריה.
- הקליקו על Settings (הגדרות).
- ערכו את הגלריה באמצעות האפשרויות הזמינות.
