בכל פעם שתפעיל דוגמיות צבע , ערכת הנושא Concept נותנת לך שתי אפשרויות להצגת דוגמיות צבע: תמונה מותאמת אישית ותמונת וריאנט .
אנא עיין בטבלה למטה כדי להבין מאמר זה ביתר קלות.
השבת דוגמיות צבע | תמונות מותאמות אישית | תמונות שונות |
---|---|---|
בעמוד זה
1. איפה התכונה הזו?
כדי להתאים את אפשרות ערכות הצבע עבור הדף שלך, אתה מגדיר באופן הבא:
-
בדף המוצר שלך דרך עורך הנושא , בחר את בלוק בורר הווריאציות בקטע פרטי מוצר .
-
בדוגמית צבע > סוג דוגמית , יהיו שתי אפשרויות: תמונות וריאנטיות ותמונות מותאמות אישית .
2. איך זה עובד?
כדי להתחיל, הפעל את הגדרות דוגמית הצבע ולאחר מכן בחר בין דוגמית צבע או תמונת וריאנט להצגה.
2.1 דוגמית צבע
הגדר את דוגמית הצבע שלך על ידי הגדרת תיבת התצורה. אנא עיין בכללים הבאים לקבלת מידע על אופן הפעולה של תכונה זו:
-
לאחר שהפעלת תכונה זו, Concept יחפש ערכי צבע בהגדרות ערכת הנושא שלך > דוגמית צבע > תיבת תצורה התואמים את השמות של גרסאות צבע המוצר שלך.
-
אם ערך הצבע נמצא , דוגמית הצבע תוצג באמצעות ערך זה.
-
דוגמה 1 - שימוש בקוד HEX : תיבת התצורה מכילה את הערך הבא:
Black:#3a3a3a
לאחר מכן דוגמית הצבע עבור שחור תוצג באמצעות הצבע #3a3a3a במקום ברירת המחדל של צבע השחור #000000.
-
דוגמה 2 - שימוש בקובץ שהועלה : תיבת התצורה מכילה את הערך הבא:
Crimson Shadow:crimson-shadow.webp
לאחר מכן דוגמית הצבע עבור צל ארגמן תוצג באמצעות התמונה בשם
crimson-shadow.webp
, המועלית ב- Shopify Admin dashboard/ Content/ File .
-
-
אם ערך הצבע לא נמצא בתיבה Configuration, חפש קובץ
*.png
עם שם זהה לזה של וריאנט הצבע.לדוגמה : במקרה זה, תכונה זו תשתמש בקובץ
*.png
בשםcrimson-shadow.png
עבור דוגמית הצבע. -
אם קובץ
*.png
לא נמצא , הצג את דוגמית הצבע באמצעות שם הצבע CSS עבור וריאנט הצבע.לדוגמה : אם הערך עבור וריאנט הצבע "שחור" לא נמצא, דוגמית הצבע תציג את ברירת המחדל של צבע השחור,
#000000
. -
אם לצבע אין ערך בתיבת התצורה, קובץ PNG או קוד HEX , דוגמית הצבע תהיה ריקה.
לדוגמה : לצבע הערמון אין ערך, קובץ png או קוד HEX , כך שדוגמית הצבע תהיה ריקה.
2.2 תמונה וריאנטית
לאחר שהפעלת את הגדרות דוגמית הצבע, קונספט יחפש כל קטגוריה של וריאציות עם השם "צבע" או "צבע".
כדי לשנות את המילה למשהו אחר מלבד "צבע/צבע" (כגון: Couleur בצרפתית) תוכל לעשות זאת באזור השפות שלך תפריט ערכת נושא > ערוך תוכן ערכת נושא המוגדר כברירת מחדל .
מקליד color_swatch_trigger בסרגל החיפוש כדי למצוא את ההגדרות [Color Swatch Trigger] .
ערכת הנושא תסתכל על שמות הווריאציות שבהם השתמשת, במקרה זה:
וחפש
HTML color name
עם אותו שם בדיוק או chosen image
במוצרים > וריאנטים > עדכן תמונת וריאציה .
3. מתן שם לקובצי הדוגמית שלך
-
לדוגמה, דוגמיות
Black
,Chestnut
אוNavy
יצטרכו לקבל את השםblack.png
,chestnut.png
אוnavy.png
(אותיות גדולות הופכות לאותיות קטנות.) -
דוגמיות
Gold Tone
Crimson Shadow
יצטרכו להיות בשםgolde-tone.png
ו-crimson-shadow.png
(אותיות רישיות הופכות לאותיות קטנות, רווחים ותווים מיוחדים אחרים הופכים למקפים).
4. איפה האפשרות 'קבצים' ב-Shopify admin?
- ראשית, פתח את ה- Shopify admin .
- עבור אל
Content
, ולאחר מכן בחר באפשרותFiles
ופתח אותה. נְקִישָׁההעלה קבצים כדי להתחיל להעלות את קובצי דוגמית.png
שלך.