「カートに追加」ボタンでカートページに飛ばないようにしたい

Topic summary

ShopifyのSupplyテーマで「カートに追加」後にカートページへ自動遷移せず、ポップアップで「追加完了+カートへのリンク」を表示したいという相談。

提案と検討内容:

  • テーマ設定でカートタイプをdrawer(またはmodal)に変更すれば、追加時にポップアップ表示が可能という案。
  • 依頼者はCart attributesを使いたく、カートタイプをpageに固定すべきか不明点を提示。

最終的な解決策(合意):

  • テーマをModalに設定し、追加時のポップアップ内ボタンの遷移先をチェックアウトではなく「/cart」にプログラムで変更する方法を採用。
  • 開発者が実装可能で、必要であればパートナー経由でサポート提案あり。

補足:

  • スクリーンショットで管理画面の設定箇所やポップアップ挙動が示されている。

結論と状況:

  • 依頼者は自力でプログラミング実装に挑戦し、回答をベストソリューションとして承認。
  • 議論は解決済み。Cart attributesとカートタイプ(page)の厳密要件自体は深入りせず、ポップアップから/cartへ誘導する実装方針で収束。
Summarized with AI on March 4. AI used: gpt-5.

はじめまして、よろしくお願いいたします。

テーマ:Supply

商品をカートに追加した時、カートページには飛ばさず、「カートに追加しました。カートはこちら(カートページへのリンク)」というメッセージをポップアップ表示したいと考えています。

そもそも、このようなことが可能なのかも判断できず、ご教示いただけると幸いです。

よろしくお願いいたします。

@kaori21 さん、

Shopifyパートナーズのりゅうせいです。

Supplyテーマでは、次の指示に従えば、設定を変更できますので、試してみてください。

  1. アドミンパネルでオンラインストアのところをクリック

  2. 現在のライブテーマのカスタマイズをクリック

  3. 上にカートのセクションを選んでください

  4. ドロップダウンの中、drawerを選択してください

スクショは英語なんですが、役に立てると思います。

他になにか不明点などがございましたら、いつでも聞いてください。

よろしくお願いします。

りゅうせいさん

ご返信ありがとうございます!

カートのタイプをドロワーやモーダルに変更することも考えたのですが、

今回のサイトは Cart attributes を使ってカートページに要素を追加したくて、

Cart attributes を使う場合、カートタイプをページにしないと使えないのですよね?

(この辺りも良く分かっておらず、、、)

なのでカートタイプはページの状態で、なんとか実現できる方法があればと思っております。

かおりさん、

今ちょっとテストショップで試してみたところ、プログラミングしないといけなさそうです。

テーマ設定をModalにして、商品をカートに入れたあとに、以下のスクショの通りのポップアップは表示されます。そこのボタンはカートじゃなくて、チェックアウトに飛びますよね。このボタンをプログラミングで変更することができます。チェックアウトじゃなくて、/cart ページに飛ぶようにできます。

この風に。

解決方法としてはいかが?もしよければ、ショップのURLを送ってくれれば、shopify partnersのアカウントでアクセスのリクエストを送って、変更して差し上げます。

りゅうせいさん

お返事が遅くなってしまい申し訳ありません。

なるほど、そういうやり方もあるのですね。勉強になります。

ひとまず自分でプログラミングしてみます!

もし分からなかったら別途ご相談させていただくかもしれません(^^;

丁寧なご対応ありがとうございます。

先ほどの回答をベストソリューションに選ばせていただきますね。

1 Like