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