تعديل نموذج الحجز والطلب في WooCommerce وإضافة خانة كوبون خصم

وصف المشروع:

لدي موقع جاهز مبني على ووردبريس (WordPress) ويعمل حاليًا باستخدام (WooCommerce) لعملية الطلب والحجز بعد تحويله من Fluent Forms .

الموقع متكامل مع بوابتي الدفع تابي (Tabby) و تمارا (Tamara) ويعمل بشكل سليم.

أرغب في إجراء تعديلات وتطويرات بسيطة على واجهة الحجز (Checkout Form) وبعض تنسيقات الموقع من حيث الشكل والوظائف.

المهام المطلوبة:

أولًا: تعديلات نموذج الحجز (WooCommerce Checkout)

1.إعادة تنسيق نموذج الحجز بالكامل ليكون متناسقًا مع تصميم الموقع الحالي.

2.إضافة خانة "كوبون خصم" ضمن الحجز وتفعيلها بشكل صحيح.

3.إضافة خاصية خريطة Google Mapsاو Mapbox بحيث يتمكن العميل من تحديد موقعه بدقة:

oإدراج الخريطة داخل نموذج الحجز.

oحفظ إحداثيات الموقع (الـ Latitude & Longitude) في تفاصيل الطلب داخل لوحة التحكم.

4.تحسين ترتيب الحقول الحالية :الاسم، التاريخ، الوقت، البريد، الهاتف، العنوان.

5.التأكد من عمل بوابتي الدفع تابي (Tabby) و تمارا (Tamara)

6.ضمان عمل جميع التعديلات بسلاسة مع Tabby وTamara دون تعارض.

ثانيًا: تعديلات تنسيقية وتصميمية

1.تعديل تنسيق الصور في الصفحة الرئيسية (الخيام – الفلل – الشقق) لتظهر بحجم موحد ومتناسق.

2.إضافة كتابة أسفل الصور أو فوقها (Overlay Text) لاسم الخدمة بخط واضح ومتناسق مع التصميم.

3.تحسين تنسيق القسم السفلي (Footer) إن لزم الأمر لضمان التناسق العام بعد التعديلات.

ثالثًا: إضافات خاصة بالشركات والمؤسسات

1.إضافة حقول مخصصة لطلبات الشركات أو المؤسسات في نموذج الحجز، مثل:

oالبريد الإلكتروني الرسمي للشركة.

oرقم التواصل الخاص بالشركة.

2.عرض هذه الحقول فقط عندما يختار المستخدم نوع العميل “شركة أو مؤسسة”.

3.تخزين هذه البيانات في تفاصيل الطلب في لوحة التحكم.

المهارات المطلوبة:

•خبرة في WordPress وWooCommerce.

•خبرة في تعديل قوالب Checkout وPHP وCSS.

•إلمام جيد بـ Google Maps API أو Mapbox.

•معرفة في JavaScript وواجهات الاستخدام التفاعلية.

•خبرة بتخصيص الحقول الديناميكية في WooCommerce.

•خبره في بوابتي الدفع تابي (Tabby) و تمارا (Tamara)