# 商品の種類とサイズの選択肢に合わせた値段設定

**URL:** <https://community.shopify.com/t/topic/25347>\
**Category:** 技術的なQ＆A\
**Created:** [November 18, 2020, 12:07pm UTC](https://community.shopify.com/t/topic/25347 "2020-11-18T12:07:03Z")\
**Posts on this page:** 16\
**Page:** 1

## AI-generated summary

商品タイプとサイズの選択に応じて価格が変わらない問題が中心です。最初は、サイズ用ドロップダウンに使っていた Infinite Options アプリとテーマ（Supply）の互換性、またはコード編集の必要性が疑われました。

途中で、Shopify標準のバリエーション機能なら「最大3種類のオプション」まではアプリ不要で、選択に応じた価格変更が可能だと説明されました。画像付きで、Supplyテーマでも通常は価格が連動することが確認されています。

最終的には、原因はアプリではなく商品の登録手順にありました。商品を少しずつ追加・編集しながらバリエーションを作ると、オプション追加用の「＋」が正しく出ず、1つしかオプションを増やせない状態になっていたとのことです。

解決策は、バリエーションとオプションを最初にまとめて一括追加し直すことでした。再設定後は短時間で正常に動作し、問題は解決済みです。添付画像は原因特定と手順比較に重要でした。

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [November 18, 2020, 12:07pm UTC](https://community.shopify.com/t/topic/25347/1 "2020-11-18T12:07:03Z")

</div>

はじめまして。最近Shopifyに目を付けて今は色々と設定中です。

そこで今苦戦しているのは、値段表示で、

例えば3種類の製品に3サイズあるとします。

もちろん値段は各自変わるのですが、 ドロップメニューの選択肢までは設定出来ましたが値段が変わってくれません。

種類変更するとその種類の値段にはなりますが、サイズを変えても値段は固定されたままです。

設定方法分かる方おられますか？

※サイズのドロップメニューだけアプリで設定しました。※

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [November 19, 2020, 6:52am UTC](https://community.shopify.com/t/topic/25347/2 "2020-11-19T06:52:09Z")

</div>

![A5CD77EE-2DBC-4FB0-BDCB-541F48BBDB82.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/d/1d878a56750ea0747f82e3db7f1e1e024ed19518.jpeg)

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [November 20, 2020, 11:31am UTC](https://community.shopify.com/t/topic/25347/3 "2020-11-20T11:31:57Z")

</div>

サイズや種類は、商品のバリエーションとして登録されていますか？

どのテーマをお使いで、どのアプリを入れたかの情報がないと回答が難しいかと思います。（テーマはコード編集などで直接カスタマイズなどはされていない状態でしょうか？）

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 9, 2021, 3:52am UTC](https://community.shopify.com/t/topic/25347/4 "2021-04-09T03:52:35Z")

</div>

お返事遅くなってしまいました。

バリエーションに製品A 1000円、製品B 2000円と分けている状態で、オプション値で各サイズを追加したと思います。

テーマはsupplyで追加のアプリ等は入れておりません。（コード編集なども一切触っていないです。）

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [April 9, 2021, 4:23am UTC](https://community.shopify.com/t/topic/25347/5 "2021-04-09T04:23:59Z")

</div>

特に変わった使い方をしてないので、あまり聞かない事象ですが、

> ※サイズのドロップメニューだけアプリで設定しました。※

これが気になります。どのアプリを使われましたか？

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 9, 2021, 4:39am UTC](https://community.shopify.com/t/topic/25347/6 "2021-04-09T04:39:39Z")

</div>

そう思えば、ドロップメニューを増やす為かで

Infinite Options by shop padを使いました！

二度手間掛けてすみません。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [April 9, 2021, 5:06am UTC](https://community.shopify.com/t/topic/25347/7 "2021-04-09T05:06:11Z")

</div>

Optionを増やす系のアプリは、標準のオプションではなくて、Product noteやMetafieldsを使っている可能性があるので、テーマと互換性がない場合があります。

通常これらのアプリは、オプションをShopifyの制限以上に増やしたり、ファイルアップロードなどテキストで表現できないオプションを使うためのものなので、アプリではなくて、テーマのコード編集でトライされるのが良いと思います。

英語になりますが、アプリのサポートに問い合わせれば返答があるかもしれません。

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 9, 2021, 6:56am UTC](https://community.shopify.com/t/topic/25347/8 "2021-04-09T06:56:21Z")

</div>

やはりコード編集が必要なのですね！

詳しくご回答ありがとうございました。

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [April 11, 2021, 5:37am UTC](https://community.shopify.com/t/topic/25347/9 "2021-04-11T05:37:48Z")

</div>

オプションが３種類までであれば、アプリ使わずとも、通常の商品登録だけでバリエーションごとの価格は設定できます。

 ![スクリーンショット 2021-04-11 14.35.15.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/3/c/3c04038fd0f285783a73eec52ee595276f2b7245.jpeg)

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 12, 2021, 1:54am UTC](https://community.shopify.com/t/topic/25347/10 "2021-04-12T01:54:39Z")

</div>

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

ご回答見させて頂きました。

試してみましたが、やりたい事が、違う種類の製品が複数あるので、ドロップメニューでまとめたかったのです。

Osamu さんのやり方でやるとカタログ欄に製品A1.製品A2と出るので、コレを製品Aに１つにまとめてドロップメニューで1.2選択とサイズを選択出来るようにしたいのですが、他になにか簡単な方法ってありますか？

※ドロップメニュー二つ目以降は１つしか設定出来ませんでした。なので、アプリを使って増やしたんですが、互換性が無かったようで、値段が変更されなかったんですよ。。。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [April 12, 2021, 1:54pm UTC](https://community.shopify.com/t/topic/25347/11 "2021-04-12T13:54:37Z")

</div>

Supplyのフリー版を入れて、バリエーションを持った商品を表示させてみました。

[https://junichiokamurasp.myshopify.com/products/2019-winter-shoes-men-warm-boots-men-fur-high-quality-split-leather-wterproof-ankle-snow-boots-lace-up-comfortable-new-big-size?variant=19611580694550](https://junichiokamurasp.myshopify.com/products/2019-winter-shoes-men-warm-boots-men-fur-high-quality-split-leather-wterproof-ankle-snow-boots-lace-up-comfortable-new-big-size?variant=19611580694550)

バリエーションを変えると金額も変わります。

Shopifyは、各商品にバリエーションがあって、ページは商品ごとに開いてそこでバリエーションを選択する設計思想です。

はじめのスクリーンショット見ると、先にサイズを選ばせて、次にそれに見合う商品を選んでいるように見えますが、これをやるには、Liquidを使って新規にテーマに独自のページを入れる必要があると思います。

Liquidのコーディングを駆使すれば作れなくはないですが、結構高度な知識が必要です。

個人的には、ご要望の内容がよっぽどビジネスニーズの高いものでなければ、素直にテーマの仕様に従われるのが良いかと思います。

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 12, 2021, 2:39pm UTC](https://community.shopify.com/t/topic/25347/12 "2021-04-12T14:39:53Z")

</div>

Junichiさんが作った様な感じで作りたかったのですが、これってsupplyでどうやりましたか？

種類とサイズが選べてそれに連なって価格が変動すればいいのでまさにコレが作りたいのです。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [April 13, 2021, 12:37am UTC](https://community.shopify.com/t/topic/25347/13 "2021-04-13T00:37:06Z")

</div>

いや、何もやっていないです・・ ただ、Supplyをインストールして当てただけです。

商品は、Osamuさんがおっしゃっているように、単純にバリエーション管理しているだけです。

試しに別の商品でも確認しましたが、サイズ、形、色を変えると値段も変わりますね。（下記の画像を参照）

[https://junichiokamurasp.myshopify.com/products/product-22](https://junichiokamurasp.myshopify.com/products/product-22)

Infnite Optionのアプリを削除して、もう一度Supplyをインストールし直してみてはどうですか？

アプリのコードが何か影響を与えているかもしれません。

 ![Screen Shot 2021-04-13 at 9.32.36 AM.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/6/167f28f4cab0a4c315c73501ba3d4cf20805a75b.jpeg)

 ![Screen Shot 2021-04-13 at 9.35.21 AM.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/b/7b23963b27bea30c3fadf8a684066af905745de6.png)

 ![Screen Shot 2021-04-13 at 9.32.46 AM.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/3/f/3fb757ffcc1033c4d77fb28ed30a11ab74614301.jpeg)

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 13, 2021, 3:09am UTC](https://community.shopify.com/t/topic/25347/14 "2021-04-13T03:09:47Z")

</div>

バグ説が出てきたので一回やり直してみます。

後日報告しますー！

---

<div class="post-metadata">

**Author:** ![Anonymous\_01abb7f12334142addf292acb648b80e](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anonymous\_01abb7f12334142addf292acb648b80e](https://community.shopify.com/u/Anonymous_01abb7f12334142addf292acb648b80e)\
**Post date:** [April 13, 2021, 9:38am UTC](https://community.shopify.com/t/topic/25347/15 "2021-04-13T09:38:39Z")

</div>

問題解決しましたので、ご報告と原因を掲載します！

まず、私がやっていた事はバリエーションとオプションを組み合わせてドロップメニューを制作する時に、製品種類が多かったので製品を一つずつや何回かに分けて追加、編集をしていました。

 ![B4667393-1D6D-41FF-8B21-17AF9B49E03B.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/2X/c/cf65700e654d1a87785cbde02df8914438d1e2ea.jpeg)

追加した後にこの画面からバリエーションを追加や編集をしていましたが、この方法でやるとプラスボタンが出す、オプションが一つしか追加出来ない仕様かバグになっていた事が今回の原因です。

 ![343BBA20-D50C-4E7C-9C97-FB7BAE3E8271.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/4X/b/2/7/b279ce1e879e4d5391b537e7e77af46c596e7ed6.jpeg)

 ![226037BF-D9D4-4AB8-9383-437290865E49.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/9/19906d0d26626d301b93c03bde8808221edf782d.jpeg)

解決内容として、今回再度やり直す際に一気にバリエーション、オプションをまとめて追加すると、

 ![6196D364-0B09-4C8C-9797-0CE123E07E3C.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/4X/1/a/5/1a58301ddfd7805b32b9affba5fa6c8c31b75267.jpeg)

 ![7CB624E6-D585-4993-8442-211C888E1424.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/5/85ffb5a2f32c3be7756353f58f450cae6862743b.jpeg)

オプション値プラスボタンが表示され複数追加出来ました。モバイルからの編集でしたので、PCでは分かりませんが、こういう現象があった事をご報告と、アドバイスを頂いた皆さまに感謝します！空いた時間で再度やり直すと五分も掛からず出来てしまいました。ありがとうございました！

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [April 15, 2021, 2:02am UTC](https://community.shopify.com/t/topic/25347/16 "2021-04-15T02:02:37Z")

</div>

ご共有ありがとうございます！ とても参考になります。

バグの場合は、テーマの開発元（多分、Shopify本体ではなくて、テーマのバグのような気がします）に（英語になると思いますが）報告してみてはどうかと思います。

特に有料版をお使いの場合は、開発元もバグ対応はする必要があると思います。
