> ## 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 — это настраиваемый интерфейс drawer-корзины. Вы проектируете её в двух **состояниях**, размещаете элементы в трёх **секциях** и заполняете эти секции **блоками**.

<div id="cart-states">
  ## Состояния корзины
</div>

У каждой корзины два независимых макета. Вы переключаетесь между ними в редакторе:

* **Заполненная корзина**: то, что видят покупатели, когда в корзине есть товары.
* **Пустая корзина**: то, что видят покупатели, когда в корзине нет товаров.

Некоторые блоки принадлежат только одному состоянию:

* Блок [**Empty cart**](/ru/aftersell/cart/empty-cart-block) появляется только в **пустом** состоянии.
* [**Cart items**](/ru/aftersell/cart/cart-items-block), [**Checkout button**](/ru/aftersell/cart/checkout-button-block), [**Notes**](/ru/aftersell/cart/notes-block), [**Express payments**](/ru/aftersell/cart/express-payments-block) и [**Shipping protection**](/ru/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**: закреплён вверху drawer-корзины; остаётся видимым при прокрутке тела.
* **Body**: прокручиваемая середина. Блоки здесь двигаются вместе с контентом. Заблокированный блок: **Cart items**.
* **Footer**: закреплён внизу drawer-корзины. Заблокированный блок: **Checkout button**.

Когда вы добавляете или перемещаете блок, его секция определяет его поведение при прокрутке. Не каждый блок доступен в каждой секции. См. [Как работают блоки?](/ru/aftersell/cart/blocks-overview#blocks-available-in-each-section).

<div id="blocks">
  ## Блоки
</div>

**Блок** — это настраиваемая часть drawer-корзины (список товаров, upsell-предложение, кнопка оформления заказа и так далее). Вы складываете их в секции, меняете порядок и стилизуете. О том, как работают добавление, ограничения, вложенные блоки и условия, см. [Как работают блоки?](/ru/aftersell/cart/blocks-overview).

<div id="next-steps">
  ## Дальнейшие шаги
</div>

* [Создать корзину](/ru/aftersell/cart/creating-carts)
* [Предпросмотр корзины](/ru/aftersell/cart/previewing-carts)
* [Управление несколькими корзинами](/ru/aftersell/cart/having-multiple-carts)