Skip to main content
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 を見つけます:
Use default selector に設定された Upcart の Open cart button selector ドロップダウン 3 つの選択肢があるメニューが表示されます:

​
「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 ツールを自由に使用できます。
さらにサポートが必要ですか? サポートが必要な場合は、テーマの開発者に正しいセレクターを見つけてもらうよう依頼できます。コードを書く必要はありません。上記の説明のとおり、セレクターをコピーして貼り付けるだけです。