البرامج التعليمية
Claude Opus 5.5: إصلاح عناوين المنتجات التي تخفي اختلاف النسخ
قبل إضافة علامة الحذف، اطلب من Claude Opus 5.5 الحفاظ على الجزء الذي يميز نسخة المنتج عن الأخرى.
قبل إضافة علامة الحذف، اطلب من Claude Opus 5.5 الحفاظ على الجزء الذي يميز نسخة المنتج عن الأخرى. البطاقة المرتبة لا تفيد إذا اختفت «250 ml» و«400 ml» وبدا منتجان مختلفان متطابقين. راجع المحتوى وقيد العرض وطريق الوصول إلى الاسم الكامل معا.
يوضح سؤال عن العناوين المتجاوبة لماذا لا يحل عرض ثابت بالبكسل كل الحالات. إنه دليل مجتمعي تاريخي وليس اختبارا للمتصفحات الحالية. المقال يقترح مراجعة ولا يقدم قياسا لأداء Opus.
حدد سياسة العرض قبل تعديل CSS
| المحتوى | المعالجة المفضلة | معيار القبول |
|---|---|---|
| النسخة أو عدد القطع | إبقاؤه ظاهرا مباشرة | تمييز المنتجات المتشابهة |
| عبارة تسويقية زخرفية | اختصار نص العرض المعتمد | عدم تغيير الاسم الكامل في الدليل |
| رمز طراز طويل بلا مسافات | السماح بالتفاف مقصود | بقاء الرمز كاملا وقابلا للنسخ |
| وصف ثانوي | إمكان الحذف مع طريق للنص الكامل | إظهاره باللمس ولوحة المفاتيح |
يوضح مرجع MDN لـ text-overflow أن علامة الحذف لا تنشئ التجاوز بنفسها. افحص قيد التخطيط الفعلي أولا. قد يحتاج عنصر flex الفرعي إلى السماح بالانكماش؛ تعديل النص دون فحص الأب قد يترك العيب نفسه.
مثال لنسختين
افترض اسمين خياليين هما `Navo insulated travel cup — 250 ml` و`Navo insulated travel cup — 400 ml`. يتحول كلاهما إلى `Navo insulated travel…` في بطاقة ضيقة. حافظ على الاسمين الأصليين، وفكر في عنوان عرض معتمد «كوب سفر Navo» مع حقل سعة ظاهر مستقل. السعة جزء من هوية المنتج وليست معلومة تظهر فقط عند تمرير المؤشر.
لوسم ثانوي بسطر واحد داخل تخطيط flex محدود العرض، هذا نمط بداية وليس تصميما عاما لكل البطاقات:
.card-copy { min-width: 0; }
.secondary-label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}ما زال الأب يحتاج إلى عرض متاح فعلي. لا تنفذ الشيفرة حذفا متعدد الأسطر أو أداة للنص الكامل. تجنب قص إطار التركيز للوسم التفاعلي: طبق القص على عنصر النص الداخلي وافحص الرابط المحيط. اختبر الكلمات الطويلة والمسافات والترقيم والأسماء من اليمين إلى اليسار بالخطوط الفعلية.
توجيه جاهز لـ Opus
استخدمه مع دليل Opus الرسمي.
راجع بطاقات المنتجات باستخدام الأسماء الكاملة وحقول النسخ والعناصر والأنماط المحسوبة ولقطات بعروض 320 و390 و1440 بكسل CSS.
حدد الكلمات المخفية التي تميز المنتجات. احتفظ بالنصوص الأصلية للدليل. اقترح اسما قصيرا للعرض للموافقة فقط إذا بقي المعنى المحذوف ظاهرا مباشرة في موضع آخر. لا تخف السعة أو عدد القطع أو التوافق أو لاحقة الطراز افتراضيا.
تتبع قيد العرض عبر آباء grid أو flex. افصل حذف السطر الواحد عن تقييد عدة أسطر وعن الالتفاف العادي. أعد أصغر تعديل وأمثلة بكلمات طويلة ونص RTL. حافظ على ظهور مؤشرات تركيز الروابط.
وفر طريقا للاسم الكامل يعمل باللمس ولوحة المفاتيح، ولا تعتمد على السمة title وحدها. اختبر التكبير والخطوط بعد تحميلها ونسختين متجاورتين. افصل العيوب المرصودة عن التعديلات المقترحة والاختبارات المعلقة. لا تدع اختبار اللقطات بلا دليل.تحقق من الهوية لا المحاذاة فقط
قارن المنتجات المتجاورة عند كل عرض دون فتحها. يجب أن يستطيع المشتري تمييز النسخة. ثم افتح التفاصيل وطابق الاسم الكامل مع المصدر. إذا وجدت أداة للنص الكامل فاختبرها باللمس ولوحة المفاتيح؛ الاعتماد على تمرير المؤشر وحده لا يحقق هذا الهدف.
كبر النص أو المتصفح وكرر الفحص. اسمح بزيادة ارتفاع البطاقة عند الحاجة بدلا من فرض ارتفاع موحد يحذف معلومات أساسية. سجل أطول اسم اختبرته وحقول النسخة الدقيقة لإعادة استخدامها عند استيراد محتوى جديد.
أسئلة متبقية
**هل يجب أن تكون كل العناوين بسطر واحد؟** تحدد هوية المنتج والمساحة المتاحة ذلك.
**هل يتنبأ حد الحروف بملاءمة النص؟** لا، فالخط والحروف واللغة والعرض تؤثر في الطول.
**هل نعيد كتابة اسم الدليل؟** احتفظ به ما لم يعتمد قرار مستقل لتحرير الدليل.
بعد أن تعبر البطاقة عن النسخة الصحيحة، استخدم الأسماء والمراجع المعتمدة نفسها في Panelly Studio لصور الحملة. للمعرفات المختلطة بين العربية واللاتينية، راجع فحص رموز المنتجات RTL.
