この設定は、ストアのどのボタンがカートへのアイテム追加を担っているかを Upcart に伝えます。テーマや他のアプリがカスタムの「カートに追加」ボタンを使用している場合、この設定を使って Upcart に確実に検出させることができます。
- Upcart エディターを開きます
- Settings に移動します
- Cart settings タブで下にスクロールし、Advanced Settings を展開します
- **「Add to Cart Button Selector」**を見つけます
「カスタムセレクター」オプションの使い方(コーディング不要)
- ストアの商品ページに移動します。
- 「カートに追加」ボタンを右クリックします。 これは、顧客が商品をカートに追加するために使用するボタンです。
- 「検証」をクリックします。 コードが表示されたパネルが開きます。何も変更する必要はありません。
- パネル内で、ボタンのコードの中からドット(.)またはハッシュ(#)で始まる単語を探します。例:
.product-form__add-buttonや#add-to-cart。 - その部分をコピーします。 例:
.product-form__add-button。 - Upcart エディターに戻り、**「Use Custom Selector」**を選択して、コピーした内容を入力ボックスに貼り付けます。
- まずは Default Selector を試してください。カスタムセレクターは、Upcart が「カートに追加」ボタンを検出できない場合にのみ使用します。
- 商品ページとコレクションページなど、ストアに複数の「カートに追加」ボタンがある場合は、Add Additional Selector を使用し、ボタンごとに上記の手順を繰り返してください。
- コードを書く必要はありません。セレクターをコピーして貼り付けるだけです。
- バンドルアプリやアップセルアプリなど、カスタム機能によって追加された一部のボタンは、この機能を使用しても動作しないことがあります。
- 作業内容の確認には、お好みの AI ツールを利用できます。
ヘルプが必要ですか? サポートが必要な場合は、テーマの開発者に正しいセレクターを見つけてもらうよう依頼できます。コードを書く必要はありません。上記で説明したとおり、セレクターをコピーして貼り付けるだけです。