# カートドロワー

> **学べること**
>
> * スライドアウト式カートドロワーの有効化とスタイル設定方法
> * 緊急性を出すためのオプションのFOMOタイマーの使い方

***

### 概要

この **カートドロワー** カートに商品を追加したときに表示されるスライドアウトパネルです。ユーザーが現在のページを離れずにカートを確認できるようにすることで、買い物の流れを改善します。

> 💡 これは従来のカートページとは異なります。どちらか一方を使用できますが、同時に両方は使用できません。

***

### 有効化方法

1. 移動先： **テーマ設定** > **カートドロワー**
2. 切り替え： **カートドロワーを有効にする** を `オンにする`

***

### カスタマイズオプション

#### 色と幅

* **背景色**：ドロワーパネルの色
* **テキスト色**：ドロワー内の一般的なテキスト
* **ボタンカラー**：カートに追加 / チェックアウトボタンの色
* **ボタン文字色**：ボタン上のテキスト
* **ドロワー幅**：幅をピクセルで設定（デフォルトは `300px`)

#### FOMOタイマー

カートドロワー内で緊急性を作るために使用します。

* **FOMOタイマーを表示**：有効にするトグル
* **FOMOタイマー背景色**：アラートのスタイルをカスタマイズ
* **FOMOタイマーテキスト色**：テキストカラーをカスタマイズ
* **FOMOタイマーテキスト**：カスタムテキスト（例：「カートはまもなく期限切れになります！」）
* **FOMOタイマーの持続時間**：カウントダウン時間を時間単位で設定

#### 価格表示

* **通貨付きで価格を表示**：通貨記号付きで価格を表示するトグル（例： `$10.00 USD`)

> 💡 FOMOタイマーは、特に新商品の発売やセール中に、より早いチェックアウトを促すために使用できます。

***

### 使用するタイミング

カートドロワーを使用する場合：

* 買い物中にユーザーを同じページに留めたいとき
* 期限付きのプロモーションを実施しており、緊急性を高めたいとき
* モダンなアプリ風のUXを好むとき

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応