Dawnテーマにて「カートに追加する」からカートページに遷移させたい

Dawnテーマを使用しています。

【今の状況】

商品ページにて表示される「カートに追加する」をクリックすると

"カートにアイテムが追加されました"という通知が表示され

引き続き、商品ページが表示される。

【解決したいこと】

「カートに追加する」をクリックした段階で、カートページに遷移させたい。

この問題を解決できるコードやアプリ等ありましたら、よろしくお願いいたします。

海外のコミュニティに、質問者様の希望に合いそうな投稿と回答がありました。

https://community.shopify.com/topic/1327790

assets/product-form.js の8行目 (カスタマイズ状況やDawnのバージョンによって行数は異なるかもしれません。)

this.form.addEventListener('submit', this.onSubmitHandler.bind(this));

をコメントアウトするだけで実現するそうです。

// this.form.addEventListener('submit', this.onSubmitHandler.bind(this));

コメントアウトした関数では、

  • 各要素の見た目の変更
  • Cart APIのコール
  • モーダル表示

などを実施しています。

コードを熟読はしていませんので、保証はできないのですが、

この行をコメントアウトしても、おそらく問題はないかと思います。

ご参考まで。

(キュー田辺)