المتغيرات والتوليفات

تتيح لك المتغيرات تغطية عدة خيارات لمنتج واحد — ألوان، مقاسات، سعات، علامات تجارية، موديلات. يرى الزبون محدِّداً واضحاً على صفحة المنتج، وأنت تحتفظ بسجل منتج واحد بدل تكرار المنتج لكل لون. هذه الصفحة هي المرجع الأعمق في قسم البيع لأن المتغيرات هي ما يأخذ معظم وقت إعداد منتجات الأزياء والإلكترونيات والمنتجات الرقمية.

فيديو

المصطلحات

المفهوم	ما هو
مجموعة متغيرات	بُعد اختيار واحد — Color, Size, Storage, Brand. يمكن للمنتج أن يحتوي على عدة مجموعات.
خيار متغير	قيمة واحدة داخل مجموعة — Red, XL, 64GB, Apple.
توليفة	زوج محدَّد بين مجموعتين — Red + XL. تُستخدم عندما يكون لكل زوج SKU ومخزون مستقل.
شارة السعر	الشارة الصغيرة المعروضة على الخيار، تُحسب: السعر الأساسي + فارق سعر الخيار.

منتج بـ 3 ألوان × 4 مقاسات يصل حتى 12 توليفة. لست مضطراً لاستخدام التوليفات — معظم المنتجات تتتبع المخزون على مستوى الخيار أو على مستوى المنتج (انظر §أوضاع المخزون).

الأنواع الثلاثة للمتغيرات

كل خيار يحمل type يتحكم في كيفية عرضه على الواجهة:

النوع	ما يراه الزبون	استخدمه عندما
Color	دائرة ملوّنة بالـ hex المحدد	اللون هو القصة كاملة (Red, Blue, Black).
Text	شارة نصية (S, M, L, XL)	المقاسات والمواد والسعات والخيارات النصية العامة.
Image-text	صورة مصغّرة مع اسم الخيار تحتها	شعارات العلامات، الموديلات، أي حالة تستفيد فيها من صورة صغيرة بجانب النص.

نوع image-text أحدث من النوعين الآخرين. استخدمه كلما تجاوزت المجموعة ~5 خيارات نصية — الصورة المصغرة تمنع الزبون من خلط الأسماء المتشابهة (iPhone 14 Pro مقابل iPhone 14 Pro Max). عند ربط الخيار بصورة منتج، النقر عليه يُمرّر معرض المنتج إلى تلك الصورة.

إنشاء مجموعة متغيرات

اذهب إلى Dashboard → Products على /dashboard/products، ثم:

• انقر Create product على /dashboard/products/create، أو
• افتح منتجاً موجوداً للتعديل على /dashboard/products/:id/edit.

انزل إلى بطاقة Variants، ثم:

1. انقر Add variant group.
2. اكتب اسم المجموعة (مثلاً Color, Size, Brand).
3. اختر النوع (Color، Text، أو Image-text).
4. انقر Add option لكل قيمة.

يمكنك سحب المجموعات لإعادة الترتيب — تظهر المجموعات على الواجهة بنفس الترتيب من الأعلى للأسفل.

إضافة الخيارات

كل خيار يحمل:

الحقل	ما يفعله
Name	الاسم الذي يراه الزبون (Red, Small, Apple).
Color code	قيمة hex، فقط لنوع color — تتحكم في الدائرة الملونة.
Linked image	لـ image-text (واختياري لـ color). اختر إحدى صور المنتج المرفوعة أعلاه. الربط يستخدم معرّف صورة مستقر، لا الـ URL — انظر §التمرير إلى المعرض.
Show as card	يبدّل بين بطاقة كبيرة (صورة + شارة سعر) ومحدِّد صغير (دائرة/شارة).
Price adjustment	فارق فوق السعر الأساسي. موجب (+200)، أو صفر، أو سالب.
Stock	المخزون لهذا الخيار (يُستعمل عندما لا تتتبع مخزون التوليفات).

شارة السعر — فارق وليس السعر المطلق

هذا أكثر خطأ شائع في إعداد المتغيرات:

إذا كان السعر الأساسي 2 500 DZD وسعر XL هو 2 700 DZD، فقيمة Price adjustment لـ XL هي +200، وليس 2700.

الواجهة تعرض السعر النهائي (الأساسي + الفارق) على بطاقة الخيار وتعيد حساب إجمالي السلة عند الاختيار.

مفتاح "Show as card"

فعّل Show as card عندما تريد عرض الخيار كبطاقة كبيرة بصورة وشارة سعر — مفيد لأزياء، مجوهرات، ومحدِّدات العلامات التجارية. اتركه مغلقاً للمحدِّدات المضغوطة وشارات النصوص (المقاسات لا تحتاج بطاقات).

مجموعات إجبارية واختيارية

كل مجموعة يمكن وضعها كـ required. عندما تكون المجموعة إجبارية، لا يستطيع الزبون إضافة المنتج إلى السلة دون اختيار خيار منها. التحقق يتم على الخادم، بحيث لا تستطيع علامة تبويب قديمة تمرير اختيار فارغ. ضع Color وSize دائماً كإجباريين، واترك مجموعات النقش/التخصيص الاختيارية كغير إجبارية.

النقر ← التمرير في المعرض

عندما يكون الخيار مرتبطاً بصورة منتج، النقر عليه على الواجهة يُمرّر معرض المنتج إلى تلك الصورة. الربط يستخدم المعرّف الداخلي للصورة، فإعادة ترتيب الصور أو استبدالها لاحقاً لا يكسر الرابط.

لهذا السبب لوحة التحكم تطلب منك اختيار صورة منتج كصورة مرتبطة للخيار — الاختيار بالمعرّف بدل الملف يُلغي مشكلة "الصورة الرئيسية لا تثبت بعد الحفظ".

أوضاع المخزون

تدعم المنصة ثلاث طرق لتتبع المخزون. ترتيبها على الواجهة:

1. مخزون التوليفة — عدّاد منفصل لكل زوج (Color × Size).
2. مخزون الخيار — عدّاد لكل خيار (مخزون Red واحد مشترك بين كل المقاسات).
3. مخزون المنتج — رقم واحد على المنتج نفسه.

إذا لم تفعّل التوليفات، يُقرأ المخزون من الخيار (إذا كان محدداً) ويتراجع إلى المنتج خلاف ذلك.

متى تفعّل مخزون التوليفات

فعّل Track combination stock عندما:

• مخزون أزواج (Color × Size) فعلاً مختلف (Red XL ينفد قبل Red M).
• تحتاج SKU لكل زوج للجرد أو المحاسبة.

غير ذلك، اتركه مغلقاً. التوليفات تنفجر بسرعة: 4 ألوان × 5 مقاسات = 20 SKU. 4 × 5 × 3 سعات = 60. لوحة التحكم تتعامل مع ~1000 توليفة بشكل مريح؛ أكثر من ذلك تواصل مع الدعم.

عند تفعيل مخزون التوليفات، تظهر بطاقة Combination matrix تحت مجموعات المتغيرات. انقر Generate combinations لبناء الجدول، ثم اكتب عدد المخزون لكل سطر.

إعادة ترتيب الصور ومعرض المتغيرات

شبكة صور المنتج (فوق قسم المتغيرات) هي حيث يقضي التجار معظم الوقت:

• سحب وإفلات لإعادة الترتيب على سطح المكتب.
• ضغط مطوّل لـ ~250 ميلي ثانية على الجوال للدخول في وضع إعادة الترتيب (مع نبضة بسيطة).
• زرّا < و> على كل بطاقة صورة يحرّكانها بمكان واحد يساراً/يميناً — مفيد للسحب البطيء على الجوال أو للتموضع الدقيق.
• الصورة الرئيسية مقفلة في الموضع 1 — إعادة ترتيب الباقي لا تحرّكها.

يُحفظ الترتيب عبر مصفوفة image_order[] عند حفظ المنتج، وهو ما تستعمله الواجهة للمعرض ولربط الخيارات بالصور.

المتغيرات المتسلسلة (إضافة)

بعض الكتالوجات تحتوي خيارات متسلسلة — Brand → Model. اختيار Apple يجب أن يُظهر الـ iPhones فقط، لا Samsung Galaxies. ثبّت إضافة المتغيرات المتسلسلة لتفعيل المجموعات أب-ابن:

• اختيار خيار الأب → تظهر مجموعة الابن.
• خيارات الأب الأخرى تختفي حتى يغيّر الزبون اختياره.
• متوافق مع أنواع color، text، وimage-text، ومع مخزون التوليفات.

فعّلها من /dashboard/addons — تحتاج خطة Pro أو أعلى.

نافذة اختيار الخصائص للعروض (إضافة)

عندما تبيع عروضاً متعددة الكميات ("اشترِ 3 واحصل على 1 مجاناً")، يحتاج الزبون لاختيار متغيرات لـ كل قطعة، ليس مرة واحدة. المحدِّد الافتراضي يصبح مزدحماً — إضافة نافذة اختيار الخصائص للعروض تستبدله بنافذة منبثقة:

• نافذة منبثقة جميلة ومتجاوبة، قطعة واحدة في المرة.
• تعرض صور وألوان وأسماء المتغيرات.
• انتقال تلقائي اختياري للقطعة التالية بعد الاختيار.
• متوافقة مع مخزون التوليفات.

فعّلها من /dashboard/addons — متاحة على كل الخطط، بما فيها المجانية.

متغيرات المنتج الرقمي (لقالب Digital فقط)

إذا كان متجرك يستعمل قالب Digital، إضافة متغيرات المنتج الرقمي تُحوّل محدِّد المتغيرات إلى أكورديون أنيق من خطوتين:

• كل خيار يعرض السعر النهائي (الأساسي + الفارق) على البطاقة.
• اختيار واحد عبر كل المجموعات (لا اختيار متعدد).
• رسوم متحركة سلسة وسهلة الوصول بلوحة المفاتيح، تطابق قالب Digital.
• صفر إعداد لكل منتج — فعّل والإضافة تطبَّق في كل مكان.

تحتاج خطة Pro وقالب Digital.

نصائح

• اضبط شارة السعر كفارق، لا كسعر مطلق. معظم أخطاء الإعداد من كتابة 2700 بدل +200.
• استعمل image-text بعد ~5 خيارات في المجموعة. الصور المصغرة تقتل الالتباس بين الأسماء المتشابهة.
• لا تفعّل مخزون التوليفات إلا إذا احتجته فعلاً. 4 × 5 = 20 SKU كثيرة لمزامنتها.
• البطاقات رائعة للأزياء والعلامات التجارية، مبالغة للمقاسات.
• ضع Color وSize كإجباريين — الاختيارات الفارغة تنتج صفوف order_item_variants فارغة تكسر بطاقة التوصيل.
• اقفل الصورة الرئيسية قبل إعادة الترتيب. زبائن الإعلانات يهبطون على الصورة الرئيسية؛ لا تستبدلها بالخطأ.
• اختبر النافذة المنبثقة على الجوال. عروض الكميات المتعددة يجب فحصها بعرض الجوال — النافذة أهم من المحدِّد المضمَّن.

ما التالي

• المنتجات — الصفحة التي تستضيف المتغيرات.
• إضافة المتغيرات المتسلسلة
• إضافة نافذة اختيار الخصائص للعروض
• إضافة متغيرات المنتج الرقمي