FROM CACHE - jp_header
解決済

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

kf3
Shopify Partner
3 0 0

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

 

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

 

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

 

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

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
964 363 686

成功

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

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

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

 

■別案1

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

 

■別案2

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

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

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

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2

Jizo_Inagaki
Shopify Partner
964 363 686

成功

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

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

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

 

■別案1

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

 

■別案2

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

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

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

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
kf3
Shopify Partner
3 0 0

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

 

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

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

 

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

 

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