【Welcart】複数SKUがあるとき、セレクトボタンでSKUを１つ選択しそれをカートボタンに反映させたい

Question

普段からお世話になっており、毎回助けられております。

今回の質問はWelcartというECサイトを作成できるWordpressプラグインに関しての質問ですので、もしかするとここで質問させて頂くのは場違いかもしれません。
ですが、もしWelcartのカスタマイズなどについて詳しい方がおられるのでしたら、ぜひご教授願いたいことがありましたので、恐縮ながらここで質問させていただきます。

Welcartで、商品が複数ありSKUが複数ある場合に、セレクトボタンでSKUの名前で選択できるようにし、選択したものをカートに入れたいです。このときカートボタンは１商品ページに１つのみにしたいです。

通常SKUが複数ある場合、各SKU毎にテーブルがカートボタンと一緒に吐き出されてしまうので、これをなんとかカスタマイズして、１セレクトボタン、１カートボタンで対処したいと思っております。

もしこのカスタマイズを以前にされたことがある方、すこしでも何かアドバイスをくださる方がおられましたら、ぜひご回答いただけますと幸いです。

よろしくお願い致します。

Answer 1

javascriptで1SKUボックスずつ表示する方法があります。

商品登録の際にオプションをSKUの数と同じだけ設置してください。

doのループに数値を加算するようにする。
セレクトボタン、カートボタンをdivなどで囲みクラスとidをつける。
ループの前に初期値の物をつくる。

例：今回の説明に必要な要素のみ記載しています。

<div id="opt0" class="skubox"> <?php while (usces_have_options()) : ?> <p class="name"><?php usces_the_itemOptName(); ?></p> <p class="select"><?php usces_the_itemOption(usces_getItemOptName(),''); ?></p> <?php endwhile; ?> </div> <?php $optnum= 1; do { ?> <div id="opt<?php echo $optnum; ?>" class="skubox"> <?php while (usces_have_options()) : ?> <p class="name"><?php usces_the_itemOptName(); ?></p> <p class="select"><?php usces_the_itemOption(usces_getItemOptName(),''); ?></p> <?php endwhile; ?> <p class="button"><?php usces_the_itemSkuButton(__('Add to Shopping Cart', 'usces'), 0); ?></p> </div> <?php $optnum++; } while (usces_have_skus()); ?>

後は、javascriptで最初は初期のものが表示されるようにし、オプションを切り替えると該当するSKUボックスを表示するといった形で実現可能かと思います。

サンプル
FRONTLINE
http://frontlines.jp/