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

# 스티키 카트 버튼

> 스토어프론트 어디서나 계속 표시되는 플로팅 카트 아이콘을 추가하고 모양을 커스터마이징하세요.

<div id="overview">
  # 개요
</div>

Upcart의 Sticky Cart Button은 고객이 스크롤하는 동안에도 계속 표시되는 플로팅 카트 아이콘으로, 언제든지 카트에 더 쉽게 접근할 수 있게 해줘요. 오른쪽 상단 모서리에 손이 닿기 어려운 모바일에서 특히 유용해요.

이 버튼은 현재 카트 수량을 표시하고 클릭하면 카트 드로어를 열어요.

<div id="where-to-find-it">
  ## 설정 위치
</div>

**Sticky cart**는 Upcart 왼쪽 내비게이션의 독립된 페이지예요 — 카트 에디터 안의 탭이 아니에요.

여기에서 버튼을 활성화하고 스토어프론트에 맞게 스타일을 조정할 수 있어요.

<div id="cart-icon">
  ## 카트 아이콘
</div>

가방, 상자, 쇼핑 카트의 세 가지 아이콘 스타일 중에서 선택하세요. 이 아이콘이 플로팅 버튼 안에 표시돼요.

<div id="background-color">
  ## 배경 색상
</div>

아이콘 뒤의 원형 배경을 설정해요. 16진수 코드나 색상 선택기를 사용해 색상을 선택할 수 있어요.

<div id="icon-color">
  ## 아이콘 색상
</div>

아이콘 기호 자체의 색상을 변경해요. 잘 보이도록 배경 색상과 대비가 높은 색을 사용하세요.

<div id="quantity-background-color">
  ## 수량 배경 색상
</div>

카트 수량 버블(카트에 담긴 상품 수를 표시하는 원)의 배경 색상을 커스터마이징하세요.

<div id="quantity-text-color">
  ## 수량 텍스트 색상
</div>

수량 버블 안 숫자의 색상을 조정하세요. 특히 어둡거나 밝은 배경에서 가독성을 확보하는 데 도움이 돼요.

<div id="sticky-cart-position">
  ## 스티키 카트 위치
</div>

버튼이 화면의 어디에 표시될지 선택하세요. 사용 가능한 위치는 다음과 같아요:

* 오른쪽 하단
* 오른쪽 중앙
* 오른쪽 상단
* 왼쪽 하단
* 왼쪽 중앙
* 왼쪽 상단

이를 통해 스토어의 다른 요소와 겹치지 않도록 유연하게 배치할 수 있어요.

<div id="device-settings">
  ## 기기 설정
</div>

스티키 카트가 표시되는 위치를 제어하세요. 옵션은 다음과 같아요:

* 모든 기기에 표시
* 데스크톱에서만 표시
* 모바일에서만 표시

스토어 레이아웃과 고객 선호도에 따라 표시 여부를 맞춤 설정할 수 있어요.