EC-CUBEバージョン 2.11.4
PHPバージョン PHP 5.2.17
DBバージョン MySQL 5.0.95-community-nt

スマートフォン用テンプレートの改造です
導入したいjqueryのギャラリーとselectタグの相性が悪いようで、実機だと規格選択時のselect・optionタグが動きません。

そこで、規格選択をradioボタンにしようとしています。
ラジオボタンの表示関係は問題なく実装できたのですが、選択している規格とは違うものが買い物かごに入ってしまいます。

具体的には上から順に

赤
青
緑

という規格を表示している場合、青や緑を選んでも、買い物かごには一番上の赤が入ってしまう状態です。
試しにPC版で同じ改造をしたところ、PC版でも同じ赤しか入らない現象が起きました。

改造は以下のとおりです　＊一部記載間違っていたので修正しています

●元のコード
<!--▼規格1-->
<li><!--{$tpl_class_name1|h}-->：
<br>
<select name="classcategory_id1" style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->">
<!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
</select>
<!--{if $arrErr.classcategory_id1 != ""}-->
<br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
<!--{/if}-->
</li>

<!--▲規格1-->

●上記の実際のソース

<li>カラー：
<br>
<select name="classcategory_id1" style="">
<option label="選択してください" value="__unselected">選択してください</option>
<option label="BROWN　ブラウン" value="11">BROWN　ブラウン</option>
<option label="BLACK　ブラック" value="5">BLACK　ブラック</option>
<option label="BEIGE　ベージュ" value="2">BEIGE　ベージュ</option>

</select>
</li>

●修正後のコード

<!--▼規格1-->
<li><!--{$tpl_class_name1|h}-->：
<!--{foreach from=$arrClassCat1 item="prices" key="key"}-->
<!--{if $key !="__unselected"}-->
<label><input type="radio" name="classcategory_id1" value="<!--{$key}-->" /><!--{$prices}--></label>
<!--{$arrProductsClass}-->
<!--{$objProduct}-->
<!--{/if}-->
<!--{/foreach}-->
</li>

<!--▲規格1-->

●上記の実際のソース

<li>カラー：
<label><input name="classcategory_id1" value="11" type="radio">BROWN　ブラウン</label>


<label><input name="classcategory_id1" value="5" type="radio">BLACK　ブラック</label>


<label><input name="classcategory_id1" value="2" type="radio">BEIGE　ベージュ</label>


</li>

どうぞよろしくお願いします。

とりあえずPOSTデータの中に正常に「classcategory_id1」が入っていて、選択している値が入っていることを確認したほうが良さそうですね。

違うものがカゴに入るということは、渡されてるデータがおかしい、ということなので。

実は他の箇所でhiddenで渡してしまっているとか。

hyugy さん

> selectとの相性が悪い

元の話ですが、jQueryのギャラリー内で、CSS3の3D指定している所がありませんか？（translate3dなど）
Android2.3系以下で動作しない問題があります。EC-CUBEに限らず。
通常のtranslateを使用するなど対処しても良いかもです。

----------------
無料で学べるEC-CUBEノウハウ - EC-CUBEの学校
アラタナ

返信有難うございます。

ブラウザのPOSTをチェックできるアドオンで確認しました。
上記のページでベージュを選択しています。

transactionid=d203dbbcc1e973d9a7a667722934164008886db0&mode=cart&product_id=■■■&product_class_id=302868&favorite_product_id=&classcategory_id1=2&quantity=1

他にポストされているデータはありません。
調べてみたところproduct_class_id=302868は一番上のブラウンのものでした。
product_class_idがどのようにセットされているのかがわからないのですが、ここが修正できたら大丈夫そうです。
あまりプログラムや開発に詳しくないので助かりました。ありがとうございました。

translate3d等については、使わないものを選んだり、使わないように修正したりしてみたのですがうまく行かずで断念しています。
3種類ほど試してみたのですが、一番動きがマシだったものに関しても、フリックの動作をすると規格の2つ目が出なくなる状態でした。
ご指南ありがとうございます。

detail.tplとproducts.jsを下記の通り変更したら動きました。ありがとうございました

('select[name=classcategory_id1]')
↓
('input[name=classcategory_id1]:radio')

一度書き込みましたが、解決済みにしたらステータスを動かせないようでしたので新しく質問しなおしています
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=13995&forum=10