تجارة إلكترونية
العرض السريع للمنتج
شبكة منتجات حيث «نظرة سريعة» تكبّر صورة البطاقة مباشرة إلى نافذة منبثقة مع معرض صور واختيار اللون والمقاس والكمية والإضافة إلى السلة. تعمل بالكامل من لوحة المفاتيح: Enter للفتح، الأسهم للصور، Tab محصور داخلها وEsc يعيد التركيز إلى البطاقة.
استخدم مفتاح «حي / تحميل / فارغ / خطأ» أعلى العرض لرؤية كل الحالات.
لماذا تهمّ
الزبون يقارن ويشتري من دون أن يفقد مكانه في المجموعة، ما يختصر الطريق إلى السلة في صفحات الفئات ويقلل تنقلات الصفحات على الموبايل.
كيف تعمل
- 01The card image is measured and animated into the modal gallery position so the product visibly travels into the quick view.
- 02Colour, size (with stock levels and a size guide), quantity and wishlist all work inside the modal; Add to bag validates size and updates the bag drawer.
- 03Accessible by design: dialog role, focus trap, Esc to close, arrow keys for images and radio groups, swipe on touch, and focus returns to the card that opened it.