إضافة خيارات ألوان للمنتج (مثل لون البوكية)
عندما يكون لكل لون شكل بصري مختلف — بوكية ورد وردي وأحمر وأزرق، أو قماش بنقشات مختلفة — فأنت أمام حقل خيارات ألوان بصورة لكل خيار: العميل يختار «وردي» فتتبدل صورة البوكية كاملة في المعاينة فورًا.
سنشرح هنا لوحة تعديل الحقل كاملة بأقسامها، ثم نافذة «صور الخيارات» بخطواتها الثلاث — بمثال حقيقي: حقل «لون البوكية» بخمسة خيارات.
إنشاء الحقل
- افتح المنتج في الاستوديو.
- من خيارات العميل اضغط + إضافة خيار.
- اختر خيارات ألوان (أو خيارات صور — كلاهما يصلح للألوان بصور).
- اترك «إظهاره في المعاينة» محددًا واضغط أضف الخيار للعميل.
لوحة تعديل الحقل
عند فتح الحقل تظهر لوحة التعديل: ترويستها تحمل «تعديل حقل» واسم الحقل، وفوقها زران: إضافة خيار آخر وعرض العناصر. جسمها أربعة أقسام قابلة للطي (+/−)، وأسفلها زران: انسخ الحقل واحذف الحقل.
القسم 1: الإعدادات الأساسية
| الإعداد | نوعه | وظيفته |
|---|---|---|
| السؤال أو اسم الخيار الذي سيظهر للعميل * | نص (مثال placeholder: «الاسم المطلوب حفره») | عنوان السؤال كما يراه العميل — مثل «لون البوكية» |
| اختيار متعدد | مفتاح تشغيل | يسمح باختيار أكثر من لون معًا (لتكوينات مثل باقة بلونين) |
| مطلوب قبل الإضافة للسلة | مفتاح تشغيل | يمنع إضافة المنتج للسلة قبل اختيار لون — موصى به للمنتجات الملونة |
«مطلوب قبل الإضافة للسلة» مفعّل افتراضيًا في أغلب الحالات لأن اللون قرار تنفيذي لا يمكن تخمينه — إلا إذا كان للمنتج لون افتراضي تقبل به عند عدم الاختيار.
القسم 2: الصور والخيارات
هذا قلب الحقل، ويضم:
بطاقة «صور هذا الخيار» — تعرض مصدر الصور وعددها: «صور هذا المنتج · 5 خيار محفوظ داخل هذا المنتج»، مع زر عدّل صور هذا الخيار الذي يفتح نافذة «صور الخيارات» الكاملة (انظر القسم التالي من هذا الدليل).
«شكل الخيارات للعميل» — قائمة تحدد كيف يظهر الحقل في صفحة المنتج، مع توضيح التطبيق:
يغيّر طريقة ظهور هذا الخيار في صفحة المنتج. الصور والبدائل والأسعار تبقى كما هي.
| الشكل | كيف يظهر؟ | متى تختاره؟ |
|---|---|---|
| تلقائي حسب محتوى الخيارات | يختار الاستوديو الشكل الأنسب تلقائيًا | الخيار الآمن عند الشك — الأفضل للبداية |
| صور مصغّرة | شبكة صور يتصفحها العميل | الألوان بأشكال مختلفة فعليًا (بوكية، أقمشة، خامات) — يرى الشكل الحقيقي قبل الاختيار |
| عينات ألوان | دوائر/مربعات ملونة صغيرة | ألوان صريحة بلا فروق شكل (لون غلاف، لون شريطة) |
| أزرار نصية | أزرار بأسماء الألوان | عدد قليل وأسماؤها واضحة (أحمر/أزرق/أخضر) |
| قائمة منسدلة | قائمة مضغوطة | أكثر من 10 ألوان في مساحة صغيرة |
| تبويبات نصية | تبويبات أفقية | ألوان رئيسية قليلة تُبدَّل كثيرًا أثناء التصفح |
تغيير الشكل لا يغيّر المحتوى: الصور والبدائل والأسعار تبقى كما هي — تجربة الأشكال آمنة تمامًا، بدّل حتى يعجبك الشكل وجرّبه في معاينة العميل.
القسم 3: روابط الإخراج
يضبط ماذا يصل من اختيار اللون إلى الطلب وملفات الإنتاج — راجع التفاصيل في مخرجات الطلب والعروض وملفات الإخراج.
القسم 4: قواعد الظهور
يضبط شروط ظهور الحقل نفسه — مثل إظهار «لون الشريطة» فقط عند اختيار «مع تغليف». راجع قواعد الظهور الشرطية.
زرا أسفل اللوحة
| الزر | وظيفته | تنبيه |
|---|---|---|
| انسخ الحقل | يكرر الحقل بإعداداته وخياراته | غيّر اسم النسخة فورًا لتفادي الالتباس |
| احذف الحقل | يحذف الحقل من المسودة | لا يغيّر ما يراه العميل حتى النشر — راجع قبل التنفيذ |
نافذة «صور الخيارات» — الخطوات الثلاث
تُفتح من زر عدّل صور هذا الخيار، وترويستها تعرض اسم الحقل وعدد خياراته: «لون البوكية · 5 خيارات».
الخطوة 1 من 3: سمِّ مجموعة الصور
اكتب اسمًا واضحًا لهذه المجموعة حتى يسهل تمييزها داخل الاستوديو (مثال placeholder: «ألوان الكوب أو تصاميم الغلاف») — في مثالنا: لون البوكية.
الخطوة 2 من 3: أضف الخيارات والصور
لكل خيار صف مستقل يحتوي:
| العنصر | وظيفته |
|---|---|
| مقبض السحب (النقاط الست) | إعادة ترتيب الخيارات بالسحب والإفلات |
| رقم الخيار + الاسم + شارة «افتراضي» | تعريف الصف — الشارة تظهر على الخيار الافتراضي (وردي في مثالنا) |
| اسم الخيار للعميل * | ما يراه العميل ويصل للطلب |
| صورة الخيار * | بطاقة الأصل (صورة + اسم الملف) مع زر تغيير وزر قص لتعديل التحديد |
| اجعلها الصورة الافتراضية للعميل | يحدد الصورة التي تظهر أولًا قبل أي اختيار |
| صورة مختلفة حسب اختيار آخر | ميزة متقدمة (غير مفعّلة افتراضيًا): صورة الخيار تتبدل حسب اختيار آخر — مثل تغيّر صورة البوكية حسب «حجم البوكية» |
| احذف الصف | حذف الخيار من المجموعة |
وأعلى الخطوة زران مفيدان: فرز حسب الاسم وفرز حسب الصورة لترتيب كل الصفوف دفعة واحدة، وزر أخضر «احفظ كمجموعة» — يحفظ خياراتك في مكتبة المجموعات لإعادة استخدامها في منتجات أخرى.
في الأسفل: بطاقة منقطة «+ إضافة صورة خيار» لإضافة اسم وصورة جديدة يختارها العميل.
إذا أردت السماح بعدم اختيار لون، أضف خيارًا باسم «لا» أو «اللون الافتراضي» بصورة المنتج الأصلية واجعله الافتراضي.
الخطوة 3 من 3: حدّد الحفظ والتسعير
أهم قرار تجاري في الحقل — «كيف تُحفظ خيارات العميل مع الطلب؟»:
| الطريقة | ماذا تفعل؟ | متى تختارها؟ |
|---|---|---|
| ملاحظة الطلب فقط | الاختيار يظهر للعميل ثم يُضاف إلى ملاحظة الطلب مع باقي اختيارات التخصيص | اللون لا يؤثر على السعر أو المخزون |
| ربط خيار سلة موجود | يربط كل لون بخيار قائم في متجرك | لديك خيارات ألوان منشأة مسبقًا في سلة |
| إنشاء خيار جديد في سلة | ينشئ الاستوديو الخيار في سلة عند التحديث | تريد تحكمًا كاملًا في السعر وSKU والمخزون من الاستوديو |
وبجانبها بطاقتا توضيح مباشرتان من التطبيق:
بطاقة «ملاحظة الطلب فقط»:
لا ينشئ خيار سلة، لذلك لا يتحكم في السعر أو SKU أو المخزون أو الوزن.
بطاقة «تسعير خيارات العميل» (بشارة «مدعوم لكل خيار»):
السعر وSKU والمخزون والوزن تُضبط لكل خيار داخل قسم خيارات العميل. عند اختيار إنشاء خيار جديد في سلة، يستخدمها الاستوديو عند تحديث خيارات المنتج في سلة.
وتحتها عدادان يعرضان تقدمك: خيارات بسعر (مثل 0/5) وخيارات فيها بيانات تجارية (0/5) — املأهما من إعدادات كل خيار إذا كان للألوان أسعار مختلفة. وعند اكتمال الإعداد يظهر بانر أخضر: «جاهز للطلب — إعداد حفظ الاختيار مع الطلب واضح وقابل للاستخدام».
أخيرًا: إلغاء للخروج دون حفظ أو تم لتطبيق كل التغييرات.
خطوات سريعة: لون البوكية من الصفر
- أنشئ حقل خيارات ألوان باسم «لون البوكية».
- فعّل مطلوب قبل الإضافة للسلة.
- من الصور والخيارات اضغط عدّل صور هذا الخيار.
- سمِّ المجموعة «لون البوكية» (الخطوة 1).
- أضف الخمسة ألوان بصورها: وردي (افتراضي)، أحمر، أزرق، برتقالي، سيموني (الخطوة 2).
- اختر طريقة الحفظ — «ملاحظة الطلب فقط» تكفي إن لم تختلف الأسعار (الخطوة 3).
- اضغط تم ثم اربط موضع الصورة بالمعاينة إن لم يُربط تلقائيًا.
- جرّب في معاينة العميل: بدّل الألوان الخمسة وتأكد أن البوكية تتبدل فورًا.
- احفظ وافحص ثم انشر.
أسئلة سريعة
عينات ألوان أم صور مصغرة؟
عينات ألوان = دوائر ملونة بسيطة. صور مصغرة = يرى العميل الشكل الحقيقي لكل لون. للبوكية والأقمشة: صور مصغرة دائمًا لأن الفروق شكلية لا لونية فقط.
كيف أجعل خيارًا افتراضيًا؟
من صف الخيار في الخطوة 2 اضغط «اجعلها الصورة الافتراضية للعميل» — تنتقل شارة «افتراضي» إليه فورًا.
هل تغيير شكل العرض يؤثر على الطلب؟
لا — الشكل تجميلي للواجهة فقط؛ الصور والبدائل والأسعار ومخرجات الطلب تبقى كما هي.
احفظ كمجموعة — أين تظهر؟
في مكتبة المجموعات ويمكن ربطها بمنتجات أخرى مباشرة أو من «مكتبتي» داخل لوحة إضافة الخيار.
أدلة مرتبطة
هل أجاب هذا المقال على سؤالك؟