FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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

skm3
訪問者
1 0 0

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

 

【今の状況】

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

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

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

Frame 1722.png

 

【解決したいこと】

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

 

 

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

1 件の受理された解決策

Qcoltd
Shopify Partner
1120 453 448

成功

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

 

https://community.shopify.com/c/shopify-design/redirect-to-cart-page-after-i-click-add-to-cart-butto...

 

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

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

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

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

 

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

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

などを実施しています。

 

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

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

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

1件の返信1

Qcoltd
Shopify Partner
1120 453 448

成功

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

 

https://community.shopify.com/c/shopify-design/redirect-to-cart-page-after-i-click-add-to-cart-butto...

 

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

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

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

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

 

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

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

などを実施しています。

 

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

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

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/