メインコンテンツへスキップ
はじめに

Bundlex Cartをインストールしてドロワーを有効化する

設定したドロワーを表示するには、テーマでBundlex Cartのアプリ埋め込みを有効にし、アクティブなカートデザインを用意する必要があります。

カートドロワーを表示しているBundlex Cart有効化チュートリアルのカバー画像。
テーマ埋め込みとカートデザインの有効化手順に従い、ストアフロントとチェックアウトでドロワーを確認します。英語字幕を利用できます。動画チュートリアルページを開くまたはYouTubeで見る。

1. アプリ埋め込みを有効にする

カートドロワーが展開され、「アプリの埋め込み」が非アクティブなカートデザインの上に表示されたカート概要画面。
(1) 「カートドロワー」をオンにすると、「アプリの埋め込み」のステータスが表示されます。この埋め込みはオンです。(2) 下に表示されるカートデザインはまだ非アクティブです。設定したドロワーを表示するには、埋め込みとカートデザインの両方をアクティブにする必要があります。
  1. Shopify App StoreからBundlex Cartをインストールし、Shopify管理画面でアプリを開きます。
  2. ダッシュボードで、アプリ埋め込みをオンにするをBundlex Cartを始めるの下で開き、有効化をクリックします。テーマエディタが開きます。埋め込みがオフの場合、ダッシュボードの概要の横にもカートドロワーがオフと表示され、その横に同じ操作を行うオンにするボタンが表示されます。
  3. Bundlex Cartのアプリ埋め込みがオンになっていることを確認し、テーマエディタで保存をクリックします。

テーマエディタは、オンラインストアからテーマを編集を選択して開くこともできます。アプリの埋め込みを選択し、Bundlex Cartを有効にします。テーマエディタで切り替えられるのは埋め込みのオンとオフだけです。ドロワーの機能はアプリ内で設定します。パネルが見つからない場合は、Shopifyのアプリ埋め込みガイドを参照してください。

デザインを有効化する前に、カートドロワーを置き換える他のアプリをオフにして、テーマを保存します。2つのドロワーアプリが同じクリックに反応する可能性があります。ここで確認するのは競合するドロワーアプリです。商品ページのオファーには、Bundlex Bundlesを引き続き使用できます。

2. カートを作成して有効化する

Cart、Empty、Style、Advancedタブ、任意のブロック切り替え、サンプルドロワープレビューを表示しているメインカートエディタ。
(1) タブを選択してドロワーを編集します。(2) 任意のブロックにはそれぞれ切り替えスイッチがあります。右側のプレビューにはサンプル商品と例示的な割引が使用されており、実際のチェックアウト価格を示すものではありません。
  1. Bundlex Cartに戻り、カートを作成をクリックします。
  2. Cart、Empty、Style、Advancedタブを使用してデザインを設定します。
  3. 有効化をクリックして新しいデザインを保存し、公開します。準備中は非アクティブのままにしたい場合は、先に保存をクリックし、後で有効化します。

すでに別のデザインがアクティブな場合、ダイアログでこれらもアクティブにするを選択しない限り、有効化によって置き換えられます。特定の顧客だけに2つ目のデザインを表示する方法については、カートデザインを管理するを参照してください。

有効化の確認を待ちます。保存または公開時にエラーが表示された場合は、ストアフロントを確認する前に解決してください。エディタのプレビューだけでは、デザインが公開されていることを確認できません。テーマ埋め込みをオンにしても、以前に無効化したデザインは再有効化されません。

3. ストアフロントを確認する

Bundlex Cartを開いたAureliaの商品ページ。Revitalize Face Cream 1個、数量コントロール、$28の小計、「チェックアウト」ボタンを表示。
(1) お客様はドロワー内で数量を変更したり、商品を削除したりできます。(2) 小計とチェックアウトは下部に表示されます。このライブ例には、$28 USDのフェイスクリームが1個含まれています。

有効化したテーマの商品ページを開き、商品を追加してカートアイコンをクリックします。ドロワー、小計、チェックアウトボタンが機能することを確認します。後でテーマを切り替えた場合は、そのテーマでも埋め込みを確認してください。

何も開かない場合は、ドロワーのトラブルシューティングガイドを確認してください。

この記事は役に立ちましたか?

皆さまからのフィードバックがドキュメントの改善に役立ちます。

ありがとうございます。この記事の改善を続けていきます。

チームにチャットで相談しますか? まだご質問がありますか?

まだサポートが必要ですか?

チームへの連絡はワンクリックで完了します。メッセージをお送りいただければ、折り返しご連絡します。

サイトの動作維持、利用状況の測定、チャットウィジェットを開いた際の機能提供のために、いくつかのCookieを使用しています。詳しくはCookieポリシーをご覧ください。