# 商品ページで、有料オプションを追加できるようにしたい

**URL:** <https://community.shopify.com/t/topic/382041>\
**Category:** 技術的なQ＆A\
**Created:** [December 20, 2024, 1:39am UTC](https://community.shopify.com/t/topic/382041 "2024-12-20T01:39:23Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

商品ページに有料オプションを追加する機能の実装方法について質問が寄せられています。Prestigeテーマを使用しており、チェックボックスで選択したオプションの料金を加算したいが、購入個数に関わらず定額にしたいため、バリエーション機能では実装できないとのこと。

**提案された解決策:**

- **アプリ利用**: Custom Optionsなどのアプリを検討する方法。日本語サポートもあり、設定方法などのサポートが受けられる
- **Cart API実装**: JavaScriptを使ってShopifyのCart APIで商品の追加・削除を制御する方法。ただし、商品削除時にオプションも連動削除する処理や、カート内の状態管理など複雑な実装が必要

**注意点:**

コーディングでの実装は技術的難易度が高く、テーマの構造によっては複雑な処理が絡むため、要件に即したアプリを導入する方が確実で効率的との助言がありました。チェックアウトページでの商品追加に絞ったアプリ検索も推奨されています。

<div class="post-metadata">

**Author:** ![cherish3](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@cherish3](https://community.shopify.com/u/cherish3)\
**Post date:** [December 20, 2024, 1:39am UTC](https://community.shopify.com/t/topic/382041/1 "2024-12-20T01:39:23Z")

</div>

お世話になっております。

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

商品とは別で追加オプションを用意しており、商品ページ内で、

例えば「オプションAを追加する（●●円）」といったチェックボックスにチェックを入れるとその分の料金が加算される（もしくはオプション用の商品を登録しその商品がカートに追加される）といったことは実装可能でしょうか？

オプションは商品の購入個数に関わらず定額にしたいので、バリエーションでは実装できません。

コーディングでの実装か、最適なアプリもありましたらご教授いただきたいです。

何卒よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [December 20, 2024, 7:45am UTC](https://community.shopify.com/t/topic/382041/2 "2024-12-20T07:45:14Z")

</div>

ご質問拝見しました！

以下アプリをご検討いただけますと幸いです！

[https://apps.shopify.com/custom-options?locale=ja](https://apps.shopify.com/custom-options?locale=ja)

UIなど英語で使いにくい部分ありますがサポートも英訳して送れば返信していただけますので、

やりたいことを問い合わせで伝えて設定方法などサポートしていただくこともできるかと思います！

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![st\_mh](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@st\_mh](https://community.shopify.com/u/st_mh)\
**Post date:** [December 20, 2024, 8:29am UTC](https://community.shopify.com/t/topic/382041/3 "2024-12-20T08:29:54Z")

</div>

オプション用の別商品の場合、Shopifyの Cart APIを通信することで、任意の商品の追加・修正・削除まで可能です。

[https://shopify.dev/docs/api/ajax/reference/cart](https://shopify.dev/docs/api/ajax/reference/cart)

この実装には、javascriptの知識が必須になります。

ただ、やるべきことが多岐にわたります。

商品とオプションだけがカートに入っている状態で、商品だけを削除する際、オプションも一緒に削除する処理が必要でしょう。

オプションだけ残すわけにもいかないですからね。

Prestigeのカート内商品を表示するスクリプトにも手を加えるか、うまく作動するよう内容の理解も必要です。

他にも、オプションAがすでにカートに入っているならば、以後商品ページではオプション切り替え処理が必要ですね。

Aを削除してから、Bを追加など。非同期処理で順番に処理しないと思わぬ結果になります。

実装するならば、様々な条件を考慮しての動作確認が必要になります。

実際似た構築を行いましたが、構築できる知識があったとして、入念な確認が必要です。

ーー

とても手間と時間がかかるため、要望に即したアプリがあれば、確実な導入ができそうです。

ただ、多種多様な構築方法のテーマに対応するには、上記のような複雑な処理が絡むと難易度が上がってしまいます。

そこでアプリを探す際、チェックアウトページで商品追加出来る物に絞るのが良いと思います。

チェックアウトページはテーマとは無関係で、どのショップでもほぼ同じ構成ですから。

例えば、無料ギフト、ギフトラッピング、ノベルティのアプリであれば、近いことが出来るのではないかと考えます。

通常は条件を満たせば、無料商品が追加できますが、その商品を有料設定にするだけですね。

説明文などカスタマイズ出来ると、お客様トラブルも防げそうです。

導入こそしなかったものの、このようなアプリは見たことがありますから、探してみると良いかと思います。
