كيفية إعداد عينات الألوان؟

عندما تقوم بتمكين عينات الألوان ، يمنحك موضوع Concept خيارين لعرض عينات الألوان: صورة مخصصة وصورة متغيرة .

يرجى مراجعة الجدول أدناه لفهم هذه المقالة بسهولة أكبر.

عرض عينة اللون

تعطيل عينات الألوان	صور مخصصة	صور متغيرة

على هذه الصفحة

1. أين توجد هذه الميزة؟
2. كيف يعمل؟
• 2.1 حامل اللون
• 2.2 الصورة البديلة
3. تسمية ملفات العينات الخاصة بك
4. أين يوجد خيار "الملفات" في مشرف Shopify؟

1. أين توجد هذه الميزة؟

من أجل ضبط خيار أنظمة الألوان لصفحتك، قم بالإعداد كما يلي:

• في صفحة المنتج الخاصة بك عبر محرر السمات ، حدد كتلة منتقي المتغيرات ضمن قسم معلومات المنتج .

  

  

• في Color swatch > Swatch type ، سيكون هناك خياران: الصور المتغيرة والصور المخصصة .

  

2. كيف يعمل؟

للبدء، قم بتمكين إعدادات حامل الألوان ثم اختر بين حامل الألوان أو الصورة المتغيرة لعرضها.

2.1 حامل اللون

قم بتكوين حامل الألوان الخاص بك عن طريق إعداد مربع التكوين. يرجى الرجوع إلى القواعد التالية للحصول على معلومات حول كيفية عمل هذه الميزة:

1. بمجرد تمكين هذه الميزة، سيبحث Concept عن قيم الألوان في إعدادات السمة > حامل الألوان > مربع التكوين الذي يطابق أسماء متغيرات ألوان منتجك.

2. إذا تم العثور على قيمة اللون ، فسيتم عرض حامل اللون باستخدام تلك القيمة.

   • المثال 1 - استخدام رمز HEX : يحتوي مربع التكوين على القيمة التالية: Black:#3a3a3a

     سيتم بعد ذلك عرض عينة اللون للأسود باستخدام اللون #3a3a3a بدلاً من اللون الأسود الافتراضي #000000.

     

   • المثال 2 - استخدام ملف تم تحميله : يحتوي مربع التكوين على القيمة التالية: Crimson Shadow:crimson-shadow.webp

     سيتم بعد ذلك عرض عينة الألوان الخاصة بـ Crimson Shadow باستخدام الصورة المسماة crimson-shadow.webp ، والتي تم تحميلها في لوحة تحكم/محتوى/ملف Shopify Admin .

   

   

3. إذا لم يتم العثور على قيمة اللون في مربع التكوين، فابحث عن ملف *.png يحمل نفس اسم متغير اللون.

   على سبيل المثال : في هذه الحالة، ستستخدم هذه الميزة ملف *.png باسم crimson-shadow.png لحامل اللون.

   

   

4. إذا لم يتم العثور على الملف *.png ، فاعرض حامل اللون باستخدام اسم لون CSS لمتغير اللون.

   على سبيل المثال : إذا لم يتم العثور على قيمة متغير اللون "أسود"، فستعرض عينة اللون اللون الأسود الافتراضي، #000000 .

   

5. إذا لم يكن للون قيمة في مربع التكوين، أو ملف PNG ، أو رمز HEX ، فسيكون حامل اللون فارغًا.

   على سبيل المثال : اللون الكستنائي ليس له قيمة، أو ملف png أو رمز HEX ، وبالتالي فإن عينة اللون ستكون فارغة.

   

    

2.2 الصورة البديلة

بمجرد تمكين إعدادات حامل الألوان، سيبحث Concept عن أي فئة متغيرة باسم "Color" أو "Color".

لتغيير الكلمة إلى شيء آخر غير "اللون/اللون" (مثل: Couleur بالفرنسية)، يمكنك القيام بذلك في منطقة اللغات الخاصة بك قائمة السمات > تحرير محتوى السمة الافتراضية .

اكتب color_swatch_trigger في شريط البحث للعثور على إعدادات [Color swatchزنر] .

سينظر القالب بعد ذلك إلى أسماء المتغيرات التي استخدمتها، في هذه الحالة:

ظل

ذهبي اللون

أسود

كستنائي

قرمزي كحلي

وابحث عن 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؟

• أولاً، افتح مسؤول Shopify .
• انتقل إلى Content ، ثم حدد خيار Files وافتحه. انقر تحميل الملفات لبدء تحميل ملفات عينات .png الخاصة بك.