Liquid、JavaScriptなどに関する質問
Dawnをベースにテーマ開発を行っております。
デフォルトでは商品ページには「カートに入れる」ボタンが1つ設置されているかと思いますが、ページ内に2つボタンを設置したいです。
数量選択、カートに入れるボタン部分のソースコードをそのままコピーして、任意の位置に貼り付けたところ、数量を2個以上にしてカートに入れても必ず1個しかカートに入らないようになってしまいます。
おそらくproduct-form.jsの改修が必要だと考えていますが、もし他に簡単に実現ができる方法がありましたら、ご教示いただけますと幸いです。
解決済! ベストソリューションを見る。
成功
先日ご要望の動作をするらしいアプリを見かけましたので、以下を試されると良いかもしれません。
https://apps.shopify.com/second-add-to-cart-button
ご要望と違う場合は申し訳ありません。
■別案1
商品点数がかなり少ないのであれば、テンプレートを必要なだけ作成して、テーマエディタで「特集商品」セクションを用いれば簡単かなと思います。
■別案2
特集商品用のliquidを解析して流用するのも考えられるかなと思います。
テーマエディタで商品を指定するのではなく、表示しているページの商品の情報を渡して表示するようなカスタマイズを行うなどが考えられます。
実際に試してはいませんが、おそらくCart APIで自作するよりは簡易ではと推測しています。
成功
先日ご要望の動作をするらしいアプリを見かけましたので、以下を試されると良いかもしれません。
https://apps.shopify.com/second-add-to-cart-button
ご要望と違う場合は申し訳ありません。
■別案1
商品点数がかなり少ないのであれば、テンプレートを必要なだけ作成して、テーマエディタで「特集商品」セクションを用いれば簡単かなと思います。
■別案2
特集商品用のliquidを解析して流用するのも考えられるかなと思います。
テーマエディタで商品を指定するのではなく、表示しているページの商品の情報を渡して表示するようなカスタマイズを行うなどが考えられます。
実際に試してはいませんが、おそらくCart APIで自作するよりは簡易ではと推測しています。
ご回答ありがとうございます。
特集商品セクションを解析してエラーの原因がわかりました。
同一のsection-idで2つの購入用フォームを設置すると不具合が発生する模様です。
解決策として、セクションをわけて購入ボタンを設置すると正常に動作しました。
ありがとうございました。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025