> ## 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.
# カートを開くボタンのセレクター
> この記事では、デフォルトの cart drawer が Upcart を上書きするのを防ぐ方法を説明します
Upcart は、テーマが通常独自のカートを開く場合でも、ストアが常に Upcart の cart drawer を開くようにできるようになりました。これは、テーマのカートアイコンやボタンがデフォルトで Upcart をトリガーしない場合に便利です。
***
**この設定は、ストア上のどのボタンやアイコンで Upcart の cart drawer を開くかを Upcart に指示します。テーマが独自の cart drawer を使用している場合は、この設定を使用して、代わりに Upcart が開くようにできます。**
1. Upcart Editor に移動します。
2. **Settings** をクリックします。
3. **Cart settings** タブで下にスクロールし、**Advanced Settings** を展開します。
4. **Open Cart Button Selector** を見つけます:
3 つの選択肢があるメニューが表示されます:
| | |
| ----------------------- | -------------------------------------------------------------------------- |
| **オプション** | **意味** |
| Use Default Selector | Upcart がカートアイコンを自動的に検出します。cart drawer が正しく開く場合はこのオプションを使用してください。 |
| Add Additional Selector | ストアに複数のカートアイコンがあり、デフォルトでは 1 つしか機能しない場合は、この設定を使用して機能しないアイコンのセレクターを追加します。 |
| Use Custom Selector | カートアイコンをクリックしても cart drawer が開かない場合は、このオプションを使用して、対象とするボタンを Upcart に指示します。 |
***
## 「Custom Selector」オプションの使い方(コーディング不要)
**Custom Selector** オプションを使用する必要がある場合は、次の手順に従ってください:
1. **ストアのホームページに移動します。**
2. **カートアイコンを右クリックします。** これは、顧客がカートを表示するためにクリックするボタンまたはアイコンです。
3. **「検証」をクリックします。** ページのコードを表示するパネルが開きます。何も変更する必要はありません。
4. パネル内で、**ハイライトされたコードの横にあるクラスまたは ID を探します。** 通常、クラスはドット(`.`)、ID はハッシュ(`#`)で始まります。例: `.site-header__cart` または `#cart-icon`。
5. **そのクラスまたは ID をコピーします。** 例: `.site-header__cart`。
6. **Upcart Editor に戻ります。** **「Use Custom Selector」** を選択し、コピーした内容を入力ボックスに貼り付けます。
💡**ヒント**
* どのオプションを選べばよいかわからない場合は、まず **Default Selector** から始めてください。
* **Custom Selector** は、カートアイコンをクリックしても Upcart の cart drawer が開かない場合にのみ使用してください。
* モバイルとデスクトップの両方のデバイスでカートの動作を必ずテストしてください。
* 作業の確認や検証には、お好みの AI ツールを自由に使用できます。
***
**さらにサポートが必要ですか?**
サポートが必要な場合は、テーマの開発者に正しいセレクターを見つけてもらうよう依頼できます。コードを書く必要はありません。上記の説明のとおり、セレクターをコピーして貼り付けるだけです。