כיצד להגדיר דוגמיות צבע?

בכל פעם שתפעיל דוגמיות צבע , ערכת הנושא Be Concept נותנת לך שתי אפשרויות להצגת דוגמיות צבע: תמונה מותאמת אישית ותמונת וריאנט .

אנא עיין בטבלה למטה כדי להבין מאמר זה ביתר קלות.

מציג דוגמית צבע
השבת דוגמיות צבע תמונות מותאמות אישית תמונות שונות

בעמוד זה

  1. איפה התכונה הזו?
  2. איך זה עובד?
  3. מתן שם לקבצי הדוגמיות שלך
  4. איפה האפשרות 'קבצים' ב-Shopify admin?

1. איפה התכונה הזו?

כדי להתאים את אפשרות ערכות הצבע עבור הדף שלך, אתה מגדיר באופן הבא:

  • בדף המוצר שלך דרך עורך הנושא , בחר את בלוק בורר הווריאציות בקטע פרטי מוצר .

  • בדוגמית צבע > סוג דוגמית , יהיו שתי אפשרויות: תמונות וריאנטיות ותמונות מותאמות אישית .

2. איך זה עובד?

כדי להתחיל, הפעל את הגדרות דוגמית הצבע ולאחר מכן בחר בין דוגמית צבע או תמונת וריאנט להצגה.

2.1 דוגמית צבע

הגדר את דוגמית הצבע שלך על ידי הגדרת תיבת התצורה. אנא עיין בכללים הבאים לקבלת מידע על אופן הפעולה של תכונה זו:

  1. לאחר שהפעלת תכונה זו, Be Concept יחפש ערכי צבע בהגדרות ערכת הנושא שלך > דוגמית צבע > תיבת תצורה התואמים את השמות של גרסאות צבע המוצר שלך.

  2. אם ערך הצבע נמצא , דוגמית הצבע תוצג באמצעות ערך זה.

      • דוגמה 1 - שימוש בקוד HEX : תיבת התצורה מכילה את הערך הבא: Black:#3a3a3a

        לאחר מכן דוגמית הצבע עבור שחור תוצג באמצעות הצבע #3a3a3a במקום ברירת המחדל של צבע השחור #000000.

      • דוגמה 2 - שימוש בקובץ שהועלה : תיבת התצורה מכילה את הערך הבא: Crimson Shadow:crimson-shadow.webp

        לאחר מכן דוגמית הצבע עבור צל ארגמן תוצג באמצעות התמונה בשם crimson-shadow.webp , המועלית ב- Shopify Admin dashboard/ Content/ File .

  3. אם ערך הצבע לא נמצא בתיבה Configuration, חפש קובץ *.png עם שם זהה לזה של וריאנט הצבע.

    לדוגמה : במקרה זה, תכונה זו תשתמש בקובץ *.png בשם crimson-shadow.png עבור דוגמית הצבע.

  4. אם קובץ *.png לא נמצא , הצג את דוגמית הצבע באמצעות שם הצבע CSS עבור וריאנט הצבע.

    לדוגמה : אם הערך עבור וריאנט הצבע "שחור" לא נמצא, דוגמית הצבע תציג את ברירת המחדל של צבע השחור, #000000 .

  5. אם לצבע אין ערך בתיבת התצורה, קובץ 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 שלך.