# カートドロワー > **学べること** > > * スライドアウト式カートドロワーの有効化とスタイル設定方法 > * 緊急性を出すためのオプションのFOMOタイマーの使い方 *** ### 概要 この **カートドロワー** カートに商品を追加したときに表示されるスライドアウトパネルです。ユーザーが現在のページを離れずにカートを確認できるようにすることで、買い物の流れを改善します。 > 💡 これは従来のカートページとは異なります。どちらか一方を使用できますが、同時に両方は使用できません。 *** ### 有効化方法 1. 移動先： **テーマ設定** > **カートドロワー** 2. 切り替え： **カートドロワーを有効にする** を `オンにする` *** ### カスタマイズオプション #### 色と幅 * **背景色**：ドロワーパネルの色 * **テキスト色**：ドロワー内の一般的なテキスト * **ボタンカラー**：カートに追加 / チェックアウトボタンの色 * **ボタン文字色**：ボタン上のテキスト * **ドロワー幅**：幅をピクセルで設定（デフォルトは `300px`) #### FOMOタイマー カートドロワー内で緊急性を作るために使用します。 * **FOMOタイマーを表示**：有効にするトグル * **FOMOタイマー背景色**：アラートのスタイルをカスタマイズ * **FOMOタイマーテキスト色**：テキストカラーをカスタマイズ * **FOMOタイマーテキスト**：カスタムテキスト（例：「カートはまもなく期限切れになります！」） * **FOMOタイマーの持続時間**：カウントダウン時間を時間単位で設定 #### 価格表示 * **通貨付きで価格を表示**：通貨記号付きで価格を表示するトグル（例： `$10.00 USD`) > 💡 FOMOタイマーは、特に新商品の発売やセール中に、より早いチェックアウトを促すために使用できます。 *** ### 使用するタイミング カートドロワーを使用する場合： * 買い物中にユーザーを同じページに留めたいとき * 期限付きのプロモーションを実施しており、緊急性を高めたいとき * モダンなアプリ風のUXを好むとき *** ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/english-ja/plain-jane-interactive/theme-settings/cart-drawer.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.