> ## Documentation Index
> Fetch the complete documentation index at: https://docs.framerfy.ae/llms.txt
> Use this file to discover all available pages before exploring further.

# زر مسح عربة التسوق

<Frame>
  <img src="https://mintcdn.com/thedesignmvp/p8ianJK_HoVoQNmF/images/ClearCartButton.png?fit=max&auto=format&n=p8ianJK_HoVoQNmF&q=85&s=eb5bef59a8e22bc6aa4485f63fd5a296" alt="زر مسح عربة التسوق" width="1280" height="720" data-path="images/ClearCartButton.png" />
</Frame>

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

***

## ما الذي يفعله

يلتف **زر مسح عربة التسوق** حول أي مكون Framer ويجعله يُفرغ عربة التسوق بالكامل عند النقر. لا يمتلك أي نمط بصري خاص به — المظهر يُحدَّد بالكامل من قِبل المكون الموضوع بداخله.

السلوكيات الرئيسية:

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

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

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

## ملاحظات

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