تجارة إلكترونية

زر الإضافة الثابت

صفحة منتج عناية طويلة حيث، بمجرد خروج صندوق الشراء الرئيسي من الشاشة، ينزلق شريط شراء مختصر مع صورة المنتج والخيار المحدد ومنتقي الحجم والكمية والسعر الحيّ وزر الإضافة — متزامن دائماً مع الصندوق الرئيسي.

استخدم مفتاح «حي / تحميل / فارغ / خطأ» أعلى العرض لرؤية كل الحالات.

لماذا تهمّ

الزبون الذي ينزل ليقرأ المكونات والتقييمات يستطيع الشراء لحظة اقتناعه من دون الصعود للأعلى — من أبسط التحسينات وأكثرها أثراً على صفحات المنتجات في الموبايل.

كيف تعمل

  1. 01An IntersectionObserver watches the main Add to bag row; the bar appears only after it has scrolled past, and hides again when it returns.
  2. 02Size, subscription, quantity and price are one shared state, so a change in the bar updates the buy box and vice versa.
  3. 03It docks at the top on desktop and at the bottom on phones above the safe area (merchants can force top or bottom); a progress line shows how far the shopper has read.

شاهدها داخل قالب كامل