# バリエーションの初期値

**URL:** <https://community.shopify.com/t/topic/102408>\
**Category:** 総合的なディスカッション\
**Created:** [February 25, 2022, 11:32am UTC](https://community.shopify.com/t/topic/102408 "2022-02-25T11:32:02Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

テーマのバリエーション選択の初期値を「選択してください」にできるかという相談。多くのテーマは商品ページ表示時にいずれかのバリエーションが既定で選択される仕様。 

提案: Debutテーマではproduct-template.liquid内の{% for value in option.values %}直前に<option disabled selected value>選択してください</option>を追記すれば、プルダウンの先頭に文言を表示可能。 

注意点: この追記だけでは「選択してください」でもカートに追加できてしまうため、意図しない購入を防げない。 

追加対応: JavaScript等でカートボタンを無効化/有効化し、有効なバリエーションが選ばれた時のみ購入可能にする制御が必要。 

補足: 参考スクリーンショットが提示されている。 

現在の状況: 具体的な実装方針と留意点は提示済みだが、最終的な解決・適用の報告はなく未確定。

<div class="post-metadata">

**Author:** ![zzffzzjp](https://avatars.discourse-cdn.com/v4/letter/z/9de053/32.png) [@zzffzzjp](https://community.shopify.com/u/zzffzzjp)\
**Post date:** [February 25, 2022, 11:32am UTC](https://community.shopify.com/t/topic/102408/1 "2022-02-25T11:32:02Z")

</div>

お世話になります。

商品登録でバリエーションを複数設定しました。

ユーザー画面ではプルダウンでバリエーションが選択できるようにしています。

プルダウンの1つ目を、バリエーションではなく「選択してください」等の文言を設定することはできるものでしょうか？

---

<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:** [March 31, 2022, 1:46am UTC](https://community.shopify.com/t/topic/102408/2 "2022-03-31T01:46:23Z")

</div>

多くのテーマでは、商品ページを開いた際、何かしらのバリエーションが選択されている状態が基本となります。

「選択してください」という初期値の設定ですが、例えば、Debutテーマの場合、  
product-template.liquidの{% for value in option.values %}でプルダウンの中身を表示していますので、  
直前に選択してくださいなどと追記することで、「選択してください」という文言を先頭に追加すること自体は可能です。

 ![スクリーンショット 2022-03-31 10.44.26.png](https://canada1.discourse-cdn.com/shopifyforum/original/2X/9/95b2a8f946fc3782524388c7358517cd53057b01.jpeg)

ただ、上記の処理ですと、「選択してください」が選ばれていても商品をカートに追加できる状態になりますので、別途javascript等でカートボタンの制御は必要になるかと思います。

ご参考になりましたら幸いです。
