مُكوِّن النوافذ — 10 خطوات ومحرك قواعد ومعاينة ثلاثية الأبعاد، مباشرة في المتصفح.

عرض حي: هيّئه بنفسك

اختر المادة وحدّد الأبعاد واختر الفتح والزجاج – تراجع عن أي خطوة أو أعدها. تُحمَّل الأداة عند الطلب بالنقر على «شغِّل».

عرض حي · ثلاثي الأبعاد في المتصفح

شغِّل مُكوِّن النوافذ

React + Three.js · تُحمَّل الأداة (~350 كيلوبايت gzip) عند التشغيل فقط.

افتح بملء الشاشة

ملاحظة: عرض بكتالوج نموذجي مدمج: المنتجات والخيارات والأسعار توضيحية وليست عرضًا. في الإنتاج يأتي الكتالوج والقواعد والأسعار من الواجهة الخلفية (واجهة برمجية متعددة المستأجرين) وتُسلَّم النتيجة إلى المتجر أو CRM أو عملية عروض الأسعار. لا تُجمع أي بيانات في هذا العرض.

ما يُظهره هذا العرض تقنيًا

• معالج من 10 خطوات بمحرك قيود: تُحظر التركيبات غير الصالحة أو تُصحَّح تلقائيًا
• معاينة ثلاثية الأبعاد للنافذة في الوقت الفعلي (Three.js / React Three Fiber) – الإطار والضلف وعمق المقطع والزجاج تتبع كل تغيير
• سعر مباشر من السعر الأساسي والأبعاد والخيارات والرسوم الإضافية، يُعاد حسابه في كل خطوة
• تراجع/إعادة عبر التكوين كله، إضافة إلى حفظ التكوين ومشاركته
• متعدد المستأجرين: كتالوج وقواعد وأسعار لكل عميل من واجهة خلفية JSON:API
• التسليم إلى المتجر: يذهب التكوين النهائي إلى السلة (Shopware) أو إلى طلب عرض سعر
• مضمّن كأداة Shadow DOM معزولة – لا تعارض أنماط مع الصفحة المضيفة، واجهة بالألمانية/الإنجليزية
• الأداء: تحميل عند النقر، ملف واحد مستقل، بلا طلبات خارجية

من المُكوِّن إلى خط quote-to-order

مُكوِّن كهذا هو الواجهة الأمامية لعملية quote-to-order متكاملة. يحوّل اختيارات العميل إلى تكوين فريد وصالح، ويُنتج السعر وقائمة المواد، ويسلّم النتيجة بشكل منظّم إلى المتجر أو ERP أو عملية عروض الأسعار – وهو الخط نفسه الذي نستخدمه لأتمتة عروض الأسعار وCPQ.

في النسخة الإنتاجية نربط كتالوج منتجاتك وقواعد التسعير لديك، ونعتمد لغتك البصرية، ونُعدّ التسليم: السلة أو نموذج الطلب أو عرض سعر PDF أو إدخال مباشر في ERP. تبقى القواعد والأسعار على الخادم؛ ولا يعرض المتصفح إلا ما تقدّمه الواجهة البرمجية.

مشاريع مُكوِّنات أخرى