يقدم Runway متجر أزياء بطابع تحريري وصور واسعة وتنقل بين المجموعات وخيارات مفصلة للمنتجات. يشكل بداية بصرية مناسبة لمتجر ملابس وإكسسوارات موسمية.
لمن يناسب هذا القالب؟
استبدل المقاسات والألوان التجريبية بالخيارات الفعلية؛ في الديمو اختر المقاس قبل إضافة المنتج للسلة ثم انتقل لمعاينة إتمام الطلب.
محتويات الحزمة
- 41 صفحة لكل لغة: العربية RTL والإنجليزية LTR.
- Bootstrap 5.3.6 مع ملفات محلية ومصدر قابل للتعديل.
- 10 صور فعلية للرئيسية والتفاصيل ومسار الطلب والجوال.
- حزمة مستقلة تشمل HTML والمصدر والتوثيق والترخيص.
- ديمو مباشر باللغتين قبل التحميل.
تبدأ الزيارة من الرئيسية، ثم تنتقل إلى الكتالوج وتفاصيل العرض. الصفحات التالية مأخوذة من ملفات القالب نفسه، ويمكن فتحها في الديمو ومقارنتها بالصور.
- أناقة عصرية بلمسة فاخرة. — index.html
- استكشف المجموعة. — shop/index.html
- حقيبة آرك الجلدية — products/arc-bag.html
- سلة تسوقك. — bag/index.html
- إتمام الطلب. — bag/checkout.html
- حكايات من الأناقة. — collections/lookbook.html
تجربة مسار المستخدم
افتح المنتج من الكتالوج، واختر الخيار أو المقاس المطلوب عندما يظهر، ثم أضفه إلى السلة. افتح السلة من رابطها داخل الديمو لتبقى البيانات التجريبية أثناء التنقل، وجرّب تعديل الكمية أو إزالة العنصر قبل متابعة إتمام الطلب. الصور تعرض منتجًا أُضيف فعليًا في التجربة، ولا تمثل طلبًا تجاريًا.
التخصيص والتشغيل
- فك ضغط الحزمة كاملة وافتح 01-HTML/index.html لاختيار العربية أو الإنجليزية.
- ابدأ بتعديل الاسم والنصوص والصور والأسعار من المصدر داخل 02-Source، واحرص على تحديث اللغتين.
- للمعاينة عبر HTTP شغل python -m http.server 8080 --directory 01-HTML من مجلد الحزمة.
- أعد التوليد بالأمر python 02-Source/build.py. جُرب البناء باستخدام Python 3.12.4.
- راجع PAGE-INVENTORY.csv لفهرس الصفحات وREADME-AR.md للشرح، ثم ارفع محتويات 01-HTML مع الحفاظ على المجلدات.
العربية والجوال
تأتي العربية بملفات مستقلة واتجاه RTL، والإنجليزية باتجاه LTR. راجع النصوص الطويلة والصور بعد تخصيصها، وجرّب التنقل على الهاتف. لقطة الجوال هنا من النسخة العربية الفعلية وليست نموذجًا تسويقيًا مركبًا.
حدود الواجهة والتجهيز للإطلاق
هذه واجهة ثابتة مبنية باستخدام Bootstrap وHTML وCSS وJavaScript. الأسعار والمنتجات وبيانات النشاط أمثلة توضيحية. الدفع والحسابات والمخزون والمواعيد والاشتراكات والبريد وتسليم المنتجات المحمي تحتاج ربطًا بخادم. الديمو لا ينشئ طلبات أو حجوزات فعلية.
قبل إطلاق مشروعك، استبدل بيانات الأمثلة بسياسات ومعلومات نشاطك، واربط النماذج والتسعير والتحقق من البيانات بالخادم، ثم اختبر رحلة العميل الفعلية. تتضمن الحزمة توثيق الفحص وحدوده؛ لا تعني مراجعة الواجهة اختبار كل تكامل ستضيفه لاحقًا.
الترخيص والتنزيل
مجاني للمشاريع النهائية الشخصية والتجارية مع السماح بالتعديل. يمنع إعادة بيع ملفات القالب الأصلية أو إعادة توزيعها أو نشرها كمنتج خاص بك. تحتفظ مكونات ووسائط الأطراف الأخرى بإشعاراتها الخاصة. راجع ترخيص Haneen Web المجاني المرفق.