商品ページにAdd Cartボタン(カートに入れるボタン,購入ボタン)を2つ設置したい

[kf3]

Dawnをベースにテーマ開発を行っております。

デフォルトでは商品ページには「カートに入れる」ボタンが1つ設置されているかと思いますが、ページ内に2つボタンを設置したいです。

数量選択、カートに入れるボタン部分のソースコードをそのままコピーして、任意の位置に貼り付けたところ、数量を2個以上にしてカートに入れても必ず1個しかカートに入らないようになってしまいます。

おそらくproduct-form.jsの改修が必要だと考えていますが、もし他に簡単に実現ができる方法がありましたら、ご教示いただけますと幸いです。

[Jizo_Inagaki · Accepted solution]

先日ご要望の動作をするらしいアプリを見かけましたので、以下を試されると良いかもしれません。

https://apps.shopify.com/second-add-to-cart-button

ご要望と違う場合は申し訳ありません。

■別案1

商品点数がかなり少ないのであれば、テンプレートを必要なだけ作成して、テーマエディタで「特集商品」セクションを用いれば簡単かなと思います。

■別案2

特集商品用のliquidを解析して流用するのも考えられるかなと思います。

テーマエディタで商品を指定するのではなく、表示しているページの商品の情報を渡して表示するようなカスタマイズを行うなどが考えられます。

実際に試してはいませんが、おそらくCart APIで自作するよりは簡易ではと推測しています。

[kf3]

ご回答ありがとうございます。

特集商品セクションを解析してエラーの原因がわかりました。

同一のsection-idで2つの購入用フォームを設置すると不具合が発生する模様です。

解決策として、セクションをわけて購入ボタンを設置すると正常に動作しました。

ありがとうございました。