عندما تقوم بتمكين عينات الألوان ، يمنحك موضوع Concept خيارين لعرض عينات الألوان: صورة مخصصة وصورة متغيرة .
يرجى مراجعة الجدول أدناه لفهم هذه المقالة بسهولة أكبر.
تعطيل عينات الألوان | صور مخصصة | صور متغيرة |
---|---|---|
على هذه الصفحة
- أين توجد هذه الميزة؟
- كيف يعمل؟
- تسمية ملفات العينات الخاصة بك
- أين يوجد خيار "الملفات" في مشرف Shopify؟
1. أين توجد هذه الميزة؟
من أجل ضبط خيار أنظمة الألوان لصفحتك، قم بالإعداد كما يلي:
-
في صفحة المنتج الخاصة بك عبر محرر السمات ، حدد كتلة منتقي المتغيرات ضمن قسم معلومات المنتج .
-
في Color swatch > Swatch type ، سيكون هناك خياران: الصور المتغيرة والصور المخصصة .
2. كيف يعمل؟
للبدء، قم بتمكين إعدادات حامل الألوان ثم اختر بين حامل الألوان أو الصورة المتغيرة لعرضها.
2.1 حامل اللون
قم بتكوين حامل الألوان الخاص بك عن طريق إعداد مربع التكوين. يرجى الرجوع إلى القواعد التالية للحصول على معلومات حول كيفية عمل هذه الميزة:
-
بمجرد تمكين هذه الميزة، سيبحث Concept عن قيم الألوان في إعدادات السمة > حامل الألوان > مربع التكوين الذي يطابق أسماء متغيرات ألوان منتجك.
-
إذا تم العثور على قيمة اللون ، فسيتم عرض حامل اللون باستخدام تلك القيمة.
-
المثال 1 - استخدام رمز HEX : يحتوي مربع التكوين على القيمة التالية:
Black:#3a3a3a
سيتم بعد ذلك عرض عينة اللون للأسود باستخدام اللون #3a3a3a بدلاً من اللون الأسود الافتراضي #000000.
-
المثال 2 - استخدام ملف تم تحميله : يحتوي مربع التكوين على القيمة التالية:
Crimson Shadow:crimson-shadow.webp
سيتم بعد ذلك عرض عينة الألوان الخاصة بـ Crimson Shadow باستخدام الصورة المسماة
crimson-shadow.webp
، والتي تم تحميلها في لوحة تحكم/محتوى/ملف Shopify Admin .
-
-
إذا لم يتم العثور على قيمة اللون في مربع التكوين، فابحث عن ملف
*.png
يحمل نفس اسم متغير اللون.على سبيل المثال : في هذه الحالة، ستستخدم هذه الميزة ملف
*.png
باسمcrimson-shadow.png
لحامل اللون. -
إذا لم يتم العثور على الملف
*.png
، فاعرض حامل اللون باستخدام اسم لون CSS لمتغير اللون.على سبيل المثال : إذا لم يتم العثور على قيمة متغير اللون "أسود"، فستعرض عينة اللون اللون الأسود الافتراضي،
#000000
. -
إذا لم يكن للون قيمة في مربع التكوين، أو ملف 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
الخاصة بك.
Share:
إنشاء أشكال مختلفة للمنتج لربطها بصفحات مختلفة
إضافة وإزالة أزرار الخروج الديناميكية