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

ما الذي يفعله

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

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

ملاحظات

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