الانتقال إلى المحتوى الرئيسي
زر مسح عربة التسوق
مكون غلاف لمسح عربة التسوق لـ Framer يزيل جميع العناصر من عربة التسوق عند النقر ويُعلم جميع مكونات عربة التسوق الأخرى بالتحديث.

ما الذي يفعله

يلتف زر مسح عربة التسوق حول أي مكون Framer ويجعله يُفرغ عربة التسوق بالكامل عند النقر. لا يمتلك أي نمط بصري خاص به — المظهر يُحدَّد بالكامل من قِبل المكون الموضوع بداخله. السلوكيات الرئيسية:
  • يمسح عربة التسوق بالكامل — يزيل المفتاح cart من localStorage بالكامل عند النقر.
  • يُعلم المكونات الأخرى — يطلق حدث cartUpdated على window بعد المسح، حتى يتحدث عداد عناصر عربة التسوق ومتحكم حالة عربة التسوق وقائمة منتجات عربة التسوق والسعر الإجمالي فورًا.
  • يقبل أي عنصر فرعي — يلتف حول أي مكون Framer أو عنصر تصميم تضعه بداخله، لذا يعود التصميم البصري بالكامل إليك.

ضوابط الخصائص

الخاصيةالنوعالوصف
Custom button or element that triggers clear cartنسخة مكونمكون Framer المعروض كالزر. أي نقر على هذا العنصر يمسح عربة التسوق.

ملاحظات

  • هذا الإجراء لا يمكن التراجع عنه — لا توجد خطوة تأكيد أو تراجع. تُحذف عربة التسوق بالكامل فورًا عند النقر.
  • بعد المسح، يُطلَق حدث cartUpdated على window، مما يُبقي جميع مكونات عربة التسوق متزامنة تلقائيًا.
  • يمتلك الغلاف حجمًا أدنى 20×20 بكسل لضمان بقائه قابلًا للنقر حتى لو عرض المكون الفرعي بحجم صفري.