商品ページ（バックルベルト）の更新

こんばんは。銀革屋Web担当、よしです。

昨日に引き続き、商品ページの更新をしました。ベルトの定番！バックルベルトのページです。基本的にコインケースのページを元に作ったのですが、ちょっと手こずった部分もありました。注文フォームです。

銀革屋のバックルベルトは「レギュラー」と「ロング」があります。それぞれ値段が違うんですが、それだけなら良いです。さらに、1cm単位でサイズ指定が出来るんです。いやあ、買う側からすればこれもいい事だと思うんですが、「分かりやすい注文フォーム」を作りたい側からすれば、ちょっとやっかいなんです。

注文フォームの作りとして考えられるのは、

１．サイズ区分（レギュラー・ロング）を選ぶ項目

２．サイズ（レギュラーなら70-100cm、ロングなら105-120cm）を選ぶ項目

３．本体色を選ぶ項目

４．バックルを選ぶ項目

５．カートに入れるボタン

こうです。並べると簡単なもんですが、ちょっと問題が。

「注文フォームを一つにまとめれない！」

今までの作り方では、サイズ区分とサイズを関連付け（？）させることが出来ませんでした。例えば、１でレギュラーを選んだ時でも、２で「120cm」というロング用のサイズが選べたんです。ロングとレギュラーじゃ値段が違います。さて、どうしたもんか！考えたあげく、ロング用、レギュラー用で注文フォームを分けてました。今までは。

で、今日更新したバックルベルトのページでは、ある方法でこれを一つにまとめる事が出来ました。このある方法、説明する良い方法が思いつかないのですが、JavaScriptというhtmlやcssとは違った言語を使う方法です。また後日、ご紹介できたらと思います。

今日はこの辺で。13日に間に合った！？