متاجر إلكترونية · متجر أزياء وملابس

Northline

ملابس خارجية تقنية مع رفّ ملابس يمكنك فعلاً سحب القطع منه.

تفاعلي — هذا هو العمل الحقيقي يعمل داخل الصفحة. ملء الشاشة
Northline — لقطة من العمل الحي

ماذا يفعل

واجهة متجر ملابس خارجية فاخرة: صورة رئيسية سينمائية، تفاصيل تقنية حول السترة الرئيسية، ورفّ ملابس حقيقي يتأرجح ويتحرك بالقصور الذاتي. تسوّق مع فلاتر ومساعد اختيار المقاس ودليل المقاسات، ثم أتمم الطلب على ثلاث خطوات مع الدفع عند الاستلام.

التفاعل المميز

الملابس معلّقة على رفّ يتأرجح عند سحبه؛ اضغط على قطعة لترفعها إلى صفحة المنتج وتقلبها من الأمام إلى الخلف.

ما يعمل فيه

  • Draggable clothing rail with inertia
  • Lift-off garment with front/back flip
  • Spec call-outs around the hero product
  • Headlamp outline marquee
  • Category, size, colour and price filters
  • Sort and instant search
  • Colour swatches recolour the product
  • Hover zoom gallery
  • Fit finder from height and weight
  • Size guide with cm/in toggle
  • Wishlist
  • Coupon SITESUP10 and cash on delivery checkout

معاينة متحركة

تسجيل شاشة للعمل الحي ببيانات نموذجية.

ميزات داخل هذا العمل

اختيار خيارات المنتج — الميزة تعمل مباشرةً
متاجر إلكترونية

اختيار خيارات المنتج

صفحة هاتف حيث تبدّل عيّنات الألوان المعرض بمسح لوني دائري، وخيارات السعة تُظهر فروقات السعر والمخزون القليل أو النافد لكل لون، ومصفوفة توفّر تعرض كل تركيبة لون × سعة بنظرة، ويتحدّث رمز المنتج والسعر والرابط مع كل اختيار.

جرّبها
العرض السريع للمنتج — الميزة تعمل مباشرةً
متاجر إلكترونية

العرض السريع للمنتج

شبكة منتجات حيث «نظرة سريعة» تكبّر صورة البطاقة مباشرة إلى نافذة منبثقة مع معرض صور واختيار اللون والمقاس والكمية والإضافة إلى السلة. تعمل بالكامل من لوحة المفاتيح: Enter للفتح، الأسهم للصور، Tab محصور داخلها وEsc يعيد التركيز إلى البطاقة.

جرّبها
النقاط التفاعلية على المنتجات — الميزة تعمل مباشرةً
متاجر إلكترونية

النقاط التفاعلية على المنتجات

صورة غرفة «تسوّق الإطلالة» مع نقاط نابضة على كل قطعة. مرّر أو اضغط على نقطة لتظهر نافذة المنتج بالسعر والتقييم والإضافة إلى السلة، اختر القطع في لوحة الإطلالة لتبني باقة، وفعّل وضع التاجر لسحب النقاط إلى أماكنها.

جرّبها
الدفع على مراحل — الميزة تعمل مباشرةً
متاجر إلكترونية

الدفع على مراحل

دفع من أربع خطوات «Almost yours.»: بيانات التواصل وعنوان لبناني مع تحقق مباشر، مناطق توصيل مسعّرة حسب المدينة مع خيارات السرعة، تقويم ونوافذ زمنية، الدفع عند الاستلام (دولار أو ليرة)، أو بطاقة مع تعرّف على نوعها وتحقق Luhn ومعاينة بطاقة تنقلب، أو رابط Whish محاكى، ثم مراجعة مع روابط تعديل وتأكيد الطلب.

جرّبها