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

# إعدادات السلة

> إعدادات السلوك في Aftersell Cart — متى يُفتح الدرج ومحددات القالب التي تُبقي واجهة متجرك متزامنة.

إلى جانب [التنسيق](/ar/aftersell/cart/design-settings)، للسلة بضعة إعدادات **سلوك** تتحكم في كيفية تفاعلها مع واجهة متجرك — متى يُفتح الدرج، وأي عناصر القالب يُبقيها Aftersell متزامنة مع السلة.

<div id="where-to-find-these">
  ## أين تجد هذه الإعدادات
</div>

في محرر السلة، افتح **Cart settings**. الخيارات أدناه مجمّعة تحت **Behavior** و**Custom selector**.

<div id="open-the-cart-when-an-item-is-added">
  ## فتح السلة عند إضافة عنصر
</div>

يتحكم **Open cart when an item is added** في ما إذا كان الدرج يُفتح تلقائيًا في كل مرة يضيف فيها المتسوق منتجًا. وهو مفعّل افتراضيًا. عطّله إذا كنت تفضّل أن تبقى السلة مغلقة حتى يفتحها المتسوق بنفسه.

<div id="theme-selectors">
  ## محددات القالب
</div>

يرتبط Aftersell بواجهة متجرك من خلال محددات CSS — على سبيل المثال، لمعرفة العنصر الذي يفتح السلة، أو عداد أيقونة السلة الذي يجب إبقاؤه متزامنًا. يغطي الاكتشاف المدمج قوالب Shopify الأكثر شيوعًا (Dawn وSense وCrave وDebut وImpulse وHorizon وغيرها الكثير)، لذا **لا تحتاج معظم المتاجر إلى لمس هذه الإعدادات أبدًا**. عدّل محددًا فقط إذا لم يعمل شيء بشكل صحيح على قالبك.

<div id="selector-modes">
  ### أوضاع المحددات
</div>

يوفر كل محدد الأوضاع الثلاثة نفسها:

| الوضع                | ما الذي يفعله                                                                                                                    |
| -------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| **Default**          | يستخدم الاكتشاف المدمج في Aftersell للقوالب المدعومة.                                                                            |
| **Default + custom** | يُبقي الاكتشاف المدمج ويضيف محددك الخاص فوقه — استخدمه عندما يعمل الافتراضي غالبًا لكنه يفوّت عنصرًا (مثل أيقونة منفصلة للجوال). |
| **Custom only**      | يتجاهل الاكتشاف المدمج ويستخدم محددك فقط — استخدمه عندما يستهدف الافتراضي العنصر الخطأ أو يتعارض مع قالبك.                       |

حقل إدخال المحدد مفعّل فقط لوضعي **Default + custom** و**Custom only**.

<div id="the-three-selectors">
  ### المحددات الثلاثة
</div>

| المحدد                   | ما الذي يستهدفه                                                                  | مثال                        |
| ------------------------ | -------------------------------------------------------------------------------- | --------------------------- |
| **Open cart selector**   | العنصر (العناصر) الذي ينبغي أن يفتح درج السلة.                                   | `.header__cart-toggle`      |
| **Add to cart selector** | زر (أزرار) الإضافة إلى السلة الذي ينبغي لـ Aftersell الارتباط به.                | `.product-form__add-button` |
| **Cart count selector**  | العنصر على أيقونة السلة في قالبك الذي يعرض عدد العناصر، ليبقى متزامنًا مع الدرج. | `.header__cart-count span`  |

<div id="how-to-find-a-selector">
  ### كيف تجد محددًا
</div>

1. افتح واجهة متجرك في متصفح (يُنصح بـ Chrome).
2. انقر بزر الفأرة الأيمن على العنصر الذي تريد استهدافه — أيقونة السلة أو رقم العداد أو زر الإضافة إلى السلة — واختر **Inspect**.
3. في اللوحة التي تُفتح، ابحث عن العنصر الذي يمثّله (غالبًا ما يكون العداد عنصر `span` داخل أيقونة السلة).
4. دوّن صنفه (يبدأ بـ `.`) أو معرّفه (يبدأ بـ `#`) — مثل `.header__cart-count span` أو `#CartCount`.
5. عد إلى **Cart settings**، واضبط المحدد على **Default + custom** أو **Custom only** والصقه.
6. احفظ، ثم اختبر على سطح المكتب والجوال معًا.

<Tip>
  ابدأ بـ **Default** — فهو يعمل مع معظم القوالب دون أي إعداد. الجأ إلى **Default + custom** عندما تتحدّث واحدة فقط من عدة أيقونات (مثلًا، يعمل سطح المكتب دون الجوال)، وإلى **Custom only** عندما يستهدف الافتراضي العنصر الخطأ. إذا لم تكن متأكدًا من المحدد الذي تستخدمه، يمكن لمطوّر قالبك الإشارة إليه — لا تحتاج إلى كتابة أي كود، فقط النسخ واللصق.
</Tip>