> ## 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 のスティッキーカートボタンは、顧客がスクロールしても表示され続けるフローティングカートアイコンで、いつでも簡単にカートにアクセスできるようにします。特に、画面右上に手が届きにくいモバイルで便利です。

このボタンには現在のカート内の数量が表示され、クリックするとカートドロワーが開きます。

<div id="where-to-find-it">
  ## 設定の場所
</div>

**Sticky cart** は Upcart の左側ナビゲーションにある独立したページで、カートエディター内のタブではありません。

ここでボタンを有効化し、ストアフロントに合わせてスタイルを調整できます。

<div id="cart-icon">
  ## カートアイコン
</div>

バッグ、ボックス、ショッピングカートの 3 つのアイコンスタイルから選択できます。このアイコンがフローティングボタンの中に表示されます。

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

スティッキーカートを表示する場所を制御します。オプションは次のとおりです:

* すべてのデバイスで表示
* デスクトップのみで表示
* モバイルのみで表示

これにより、ストアのレイアウトや顧客の好みに応じて表示を調整できます。