Wix Art Store: עריכת העיצוב של הגלריה ב-Wix Art Store

חשוב:

Wix Art Store עדיין לא זמינה לכל המשתמשים. נכון לאוקטובר 20222, אי אפשר יותר להוסיף את Wix Art Store לאתר. אתרים שהוסיפו את Wix Art Store לפני אוקטובר 2022 לא יושפעו.

אתם יכולים לערוך את העיצוב של הגלריה ב-Wix Art Store לתצוגה רגילה ולתצוגת מעבר (התצוגה שלקוחות רואים כשהם מעבירים את העכבר מעל הגלריה).

כדי לשנות את העיצוב:

הקליקו על הגלריה של Wix Art Store ב-Editor.
הקליקו על Settings (הגדרות)
הקליקו על טאב ה-Design (עיצוב).
ערכו את העיצוב של הגלריה באמצעות האפשרויות הבאות:

שכבת כיסוי ואייקונים

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

הקליקו על Overlay & Icons (שכבת כיסוי ואייקונים).
בחרו אם הכיסוי יהיה מלא או חלקי וערכו את ההגדרות הבאות:
- Full Overlay: שכבת הכיסוי תהיה מעל כל הפריט.
  - Gradient: הקליקו על המתג כדי ליצור שכבת כיסוי מדורגת.
    - Color & Opacity 1 and 2: הקליקו על תיבת הצבע הרלוונטית כדי לשנות את שני צבעי הדירוג, וגררו את פס ההזזה כדי לשנות את רמת השקיפות של הצבעים.
    - Gradient Direction: גררו את פס ההזזה כדי לשנות את כיוון הדירוג של שכבת הכיסוי.
    - Icon color: הקליקו על תיבת הצבע כדי לשנות את הצבע של האייקונים בגלריה שמופיעים במעבר עם העכבר.
  - Color overlay (צבע שכבת הכיסוי): הקליקו על תיבת הטקסט כדי לבחור צבע וגררו את פס ההזזה כדי לשנות את רמת השקיפות של שכבת הכיסוי.
  - Icon Color: הקליקו על תיבת הצבע ובחרו צבע חדש לאייקונים בגלריה.
- Partial Overlay: שכבת הכיסוי תכסה רק חלק מהפריט.
  - Set size in: בחרו אם הגודל של שכבת הכיסוי יהיה באחוזים או בפיקסלים.
  - Size: גררו את פס ההזזה או כתבו ערך כדי לבחור את גודל שכבת הכיסוי.
  - Overlay starts from: בחרו את המיקום של שכבת הכיסוי.
  - Padding: גררו את פס ההזזה כדי לבחור כמה מרווח יהיה בין המסגרת של הגלריה לבין שכבת הכיסוי.
  - Gradient: הקליקו על המתג כדי ליצור שכבת כיסוי מדורגת.
    - Color & Opacity 1 and 2: הקליקו על תיבת הצבע הרלוונטית כדי לשנות את שני צבעי הדירוג, וגררו את פס ההזזה כדי לשנות את רמת השקיפות של הצבעים.
    - Gradient Direction: גררו את פס ההזזה כדי לשנות את כיוון הדירוג של שכבת הכיסוי.
    - Icon color: הקליקו על תיבת הצבע כדי לשנות את הצבע של האייקונים בגלריה שמופיעים במעבר עם העכבר.
  - Color overlay (צבע שכבת הכיסוי): הקליקו על תיבת הטקסט כדי לבחור צבע וגררו את פס ההזזה כדי לשנות את רמת השקיפות של שכבת הכיסוי.
  - Icon Color (צבע האייקון): הקליקו על תיבת הצבע ובחרו צבע חדש לאייקונים בגלריה.
בחרו אפקט לשכבת הכיסוי מהאפשרויות הבאות:
- No effect: לא יופעל אפקט על שכבת הכיסוי.
- Fade in: שכבת הכיסוי תופיע בהדרגה במעבר עם העכבר.
- Expand: שכבת הכיסוי תתרחב במעבר עם העכבר.
- Slide up: שכבת הכיסוי תגלוש למעלה במעבר עם העכבר.
- Slide right: שכבת הכיסוי תגלוש ימינה במעבר עם העכבר.

הודעות

כפתורים

ערכו את כפתורי הקנייה והטעינה.

הקליקו על Buttons (כפתורים) וערכו את ההגדרות הבאות:

Buy Now Button: הקליקו על המתג כדי להציג או להסתיר כפתור קנייה.
- כשהמתג פועל: מופיע כפתור קנייה מתחת לתמונה. ערכו את הכפתור:
  - Button Text: ערכו את הטקסט שמופיע בכפתור הקנייה.
  - Font Style & Color: הקליקו על התפריט הנפתח כדי לבחור פונט ואז על פלטת בחירת הצבעים כדי לשנות את הצבע של הטקסט בכפתור.
  - Button Color & Opacity: גררו את פס ההזזה כדי לשנות את רמת השקיפות והקליקו על פלטת בחירת הצבעים כדי לשנות את צבע הכפתור.
  - Border Width & Color: גררו את פס ההזזה כדי לשנות את הרוחב והקליקו על פלטת בחירת הצבעים כדי לשנות את הצבע של המסגרת.
  - Corner radius: גררו את פס ההזזה כדי לשנות את עיגול הפינות (ככל שהרדיוס גבוה יותר, הפינות יהיו עגולות יותר).
  - Horizontal alignment: בחרו איך ליישר את הכפתור לרוחב (לשמאל, למרכז או לימין).
  - Vertical alignment: בחרו איך ליישר את הכפתור לאורך (לשמאל, למרכז או לימין).
- כשהמתג כבוי: כפתור הקנייה לא מופיע.
Load More Button: ערכו את הכפתור לטעינת פריטים נוספים שמופיע מתחת לגלריה:
שימו לב: החלק הזה יופיע רק אם בחרתם להציג כפתור Load More בטאב Layout (פריסה).
- Button Text: ערכו את הטקסט שמופיע בכפתור הטעינה.
- סגנון וצבע הפונט: הקליקו על התפריט הנפתח כדי לבחור פונט ואז על פלטת בחירת הצבעים כדי לשנות את הצבע של הטקסט בכפתור.
- Button Color & Opacity: גררו את פס ההזזה כדי לשנות את רמת השקיפות והקליקו על פלטת בחירת הצבעים כדי לשנות את צבע הכפתור.
- Border Width & Color: גררו את פס ההזזה כדי לשנות את הרוחב והקליקו על פלטת בחירת הצבעים כדי לשנות את הצבע של המסגרת.
- Corner radius: גררו את פס ההזזה כדי לשנות את עיגול הפינות (ככל שהרדיוס גבוה יותר, הפינות יהיו עגולות יותר).

סגנון הפריט

כל תמונה או סרטון בגלריה הוא פריט. אתם יכולים לשנות את העיצוב של הפריטים גם בתצוגה רגילה וגם במצב של מעבר עם העכבר.

הקליקו על Item Style (סגנון הפריט).
ערכו את התצוגה הרגילה של הפריט תחת Item Style (סגנון הפריט):
- רוחב וצבע המסגרת: גררו את פס ההזזה כדי לשנות את רוחב המסגרת והקליקו על תיבת הצבע כדי לבחור צבע.
- Corner radius: גררו את פס ההזזה כדי לעגל או לרבע את הפינות.
  שימו לב: האפשרויות Border width & color ו-Corner radius מופיעות רק כשבוחרים לחתוך את התמונות הממוזערות בהגדרות הפריסה, וחלות רק על התמונה הראשית (לא על התמונות הממוזערות).
- Shadow: הקליקו על המתג כדי להציג או להסתיר צללית:
  - כשהמתג פועל: מופיעה צללית מסביב לפריט בגלריה. ערכו את השקיפות, הצבע, הטשטוש, הכיוון והגודל של הצללית.
  - כשהמתג כבוי: לא מופיעה צללית מסביב לפריט בגלריה.
בחרו מה יקרה כשגולש יעבור עם העכבר מעל הפריט בגלריה:
- No effect: לא יופעל אפקט במעבר עם העכבר.
- Zoom in: התמונה תגדל במעבר עם העכבר.
- Blur: התמונה תהפוך למטושטשת במעבר עם העכבר.
- Grayscale: התמונה תהפוך לשחור-לבן במעבר עם העכבר.
- Shrink: התמונה תתכווץ במעבר עם העכבר.
- Invert: צבע התמונה יתהפך במעבר עם העכבר.
- Color in: התמונה תהפוך משחור-לבן לצבעונית במעבר עם העכבר.
- Darken: התמונה תהפוך לכהה יותר במעבר עם העכבר.
בחרו מה יקרה בזמן שהתמונה נטענת:
- Blurred image: בזמן הטעינה תופיע גרסה מטושטשת של התמונה.
- Color placeholder: צבע יופיע במקום התמונה בזמן שהיא נטענת.

אנימציות גלילה

עריכת מצב ההרחבה

טיפ:

כברירת מחדל, התצוגה המקדימה שאתם רואים ב-Editor היא זו של מעבר עם העכבר. כדי לבטל את התצוגה הזו, הקליקו על End Hover Preview. אם תרצו לראות אותה שוב, הקליקו על Preview Hover Mode.