> ## 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>

모든 장바구니에는 두 개의 독립적인 레이아웃이 있어요. 에디터에서 이 둘을 전환할 수 있어요:

* **채워진 장바구니**: 장바구니에 상품이 있을 때 쇼핑객이 보는 화면이에요.
* **빈 장바구니**: 장바구니에 상품이 없을 때 쇼핑객이 보는 화면이에요.

일부 블록은 한 가지 상태에만 속해요:

* [**빈 장바구니**](/ko/aftersell/cart/empty-cart-block) 블록은 **빈** 상태에만 나타나요.
* [**장바구니 상품**](/ko/aftersell/cart/cart-items-block), [**결제 버튼**](/ko/aftersell/cart/checkout-button-block), [**메모**](/ko/aftersell/cart/notes-block), [**간편 결제**](/ko/aftersell/cart/express-payments-block), [**배송 보호**](/ko/aftersell/cart/shipping-protection-block)는 **채워진** 상태에만 나타나요.

다른 블록(헤더, 배너, 리워드, 이미지, 커스텀 코드 등)은 어느 상태에나 배치할 수 있어요. 새 장바구니는 빈 상태에서 **헤더 + 빈 장바구니**로, 채워진 상태에서 **헤더 → 배너 → 장바구니 상품 → 요약 → 결제 버튼**으로 시작해요.

<Info>
  **빈 장바구니 상태**는 빈 레이아웃 전체를 의미해요. **빈 장바구니 블록**은 그 레이아웃 안의 블록 하나로, 보통 메시지와 쇼핑 계속하기 버튼이에요. 이름은 비슷하지만, 상태에는 그 블록 하나 이상을 담을 수 있어요.
</Info>

<div id="sections">
  ## 섹션
</div>

각 상태는 **Header**, **Body**, **Footer** 세 개의 섹션으로 나뉘어요. 섹션은 블록의 위치와 스크롤 방식을 제어해요:

* **Header**: 드로어 상단에 고정되며, 본문이 스크롤되는 동안에도 계속 보여요.
* **Body**: 스크롤 가능한 중간 영역이에요. 여기의 블록은 콘텐츠와 함께 이동해요. 잠긴 블록: **장바구니 상품**.
* **Footer**: 드로어 하단에 고정돼요. 잠긴 블록: **결제 버튼**.

블록을 추가하거나 이동할 때, 해당 섹션이 스크롤 동작을 결정해요. 모든 블록을 모든 섹션에서 사용할 수 있는 것은 아니에요. [블록은 어떻게 작동하나요?](/ko/aftersell/cart/blocks-overview#blocks-available-in-each-section)를 참고하세요.

<div id="blocks">
  ## 블록
</div>

**블록**은 드로어를 구성하는 설정 가능한 요소예요(상품 목록, 업셀 오퍼, 결제 버튼 등). 섹션 안에 쌓고, 순서를 바꾸고, 스타일을 지정할 수 있어요. 블록 추가, 제한, 하위 블록, 조건이 어떻게 작동하는지는 [블록은 어떻게 작동하나요?](/ko/aftersell/cart/blocks-overview)를 참고하세요.

<div id="next-steps">
  ## 다음 단계
</div>

* [장바구니 만들기](/ko/aftersell/cart/creating-carts)
* [장바구니 미리보기](/ko/aftersell/cart/previewing-carts)
* [여러 장바구니 관리하기](/ko/aftersell/cart/having-multiple-carts)
