> ## 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: الحالتان الممتلئة والفارغة، أقسام Header/Body/Footer، وكيف تندرج البلوكات في كل قسم.

**السلة** في Aftersell هي تجربة درج سلة قابلة للتخصيص. تصممها في **حالتين**، وتوزعها عبر ثلاثة **أقسام**، وتملأ تلك الأقسام بـ**البلوكات**.

<div id="cart-states">
  ## حالات السلة
</div>

لكل سلة تخطيطان مستقلان. تتنقل بينهما في المحرر:

* **السلة الممتلئة**: ما يراه المتسوقون عندما تحتوي السلة على عناصر.
* **السلة الفارغة**: ما يراه المتسوقون عندما لا تحتوي السلة على عناصر.

بعض البلوكات تنتمي إلى حالة واحدة فقط:

* بلوك [**Empty cart**](/ar/aftersell/cart/empty-cart-block) يظهر فقط في الحالة **الفارغة**.
* [**Cart items**](/ar/aftersell/cart/cart-items-block) و[**Checkout button**](/ar/aftersell/cart/checkout-button-block) و[**Notes**](/ar/aftersell/cart/notes-block) و[**Express payments**](/ar/aftersell/cart/express-payments-block) و[**Shipping protection**](/ar/aftersell/cart/shipping-protection-block) تظهر فقط في الحالة **الممتلئة**.

بلوكات أخرى (Header وBanner وRewards وImage وCustom code وغيرها) يمكن أن توجد في أي من الحالتين. تبدأ السلال الجديدة بـ **Header + Empty cart** في الحالة الفارغة، و**Header → Banner → Cart items → Summary → Checkout button** في الحالة الممتلئة.

<Info>
  **حالة السلة الفارغة** هي التخطيط الفارغ بأكمله. أما **بلوك Empty cart** فهو بلوك واحد داخل ذلك التخطيط، عادةً الرسالة وزر مواصلة التسوق. قد يتشابه الاسمان، لكن الحالة يمكن أن تحتوي على أكثر من ذلك البلوك الواحد.
</Info>

<div id="sections">
  ## الأقسام
</div>

تنقسم كل حالة إلى ثلاثة أقسام: **Header** و**Body** و**Footer**. تتحكم الأقسام في موضع البلوك وكيفية تمرّره:

* **Header**: مثبَّت أعلى الدرج؛ يظل مرئيًا أثناء تمرّر الجسم.
* **Body**: المنطقة الوسطى القابلة للتمرير. تتحرك البلوكات هنا مع المحتوى. البلوك المقفل: **Cart items**.
* **Footer**: مثبَّت أسفل الدرج. البلوك المقفل: **Checkout button**.

عند إضافة بلوك أو نقله، يحدد قسمه سلوك التمرير الخاص به. ليست كل البلوكات متاحة في كل قسم. راجع [كيف تعمل البلوكات؟](/ar/aftersell/cart/blocks-overview#blocks-available-in-each-section).

<div id="blocks">
  ## البلوكات
</div>

**البلوك** هو جزء قابل للتخصيص من الدرج (قائمة المنتجات، عرض upsell، زر إتمام الشراء، وهكذا). تكدّسها في قسم، وتعيد ترتيبها، وتنسّقها. لمعرفة كيفية عمل الإضافة والحدود والبلوكات الفرعية والشروط، راجع [كيف تعمل البلوكات؟](/ar/aftersell/cart/blocks-overview).

<div id="next-steps">
  ## الخطوات التالية
</div>

* [أنشئ سلة](/ar/aftersell/cart/creating-carts)
* [عاين سلة](/ar/aftersell/cart/previewing-carts)
* [أدر سلالًا متعددة](/ar/aftersell/cart/having-multiple-carts)