0

私は、商品ごとに複数のバリエーションを用意できる e コマース システムを使用しています (例: 大、中、小の T シャツ)。ただし、T シャツを追加してバリエーションを無視するお客様から苦情が寄せられています。その結果、多くの大柄な人が小さい T シャツを手に入れています (デフォルト)。これを解決するには、ユーザーに (ドロップダウンの選択リストではなく) ラジオ ボタンを選択させるようにしたいと思います。そうして初めて、カートに追加ボタンが使用可能になります。これは、選択ドロップダウンを表示する現在の php です。

<?php while (have_variation_groups()) : the_variation_group(); ?>
  <?php /** variation HTML and loop */?>
  <select class='select_variation' name="variation[<?php echo variation_id(); ?>]" id="<?php echo variation_group_form_id(); ?>">
  <?php while (have_variations()) : the_variation(); ?>
     <option value="<?php echo the_variation_id(); ?>"><?php echo the_variation_name(); ?></option>
   <?php endwhile; ?>
</select> 
<?php endwhile; ?>
<?php echo add_to_cart_button(the_product_id()); ?>

この種のhtmlを吐き出すのは...

<select class='select_variation' name="variation[1]" id="variation_select_22_1">
<option value="1">Small</option>
<option value="2">Big</option>
</select> 
<input type='submit' id='product_22_submit_button' class='buy_button' name='Buy'  value="Add To Cart" />

ドロップダウンをラジオ ボタンに変換し、バリエーションを選択するまでカートに追加ボタンをクリックできないようにする方法を教えてください。ありがとう

4

2 に答える 2

2

デフォルトのオプションに値 0 とテキスト「サイズを選択してください」を追加してみませんか?

于 2009-11-27T19:06:14.037 に答える
1

私は PHP 開発者ではありません。

これにより、ラジオ ボタンのリストが表示されます。

<?php while (have_variation_groups()) : the_variation_group(); ?>
  <?php /** variation HTML and loop */?>
  <ul class='select_variation' name="variation[<?php echo variation_id(); ?>]" id="<?php echo variation_group_form_id(); ?>">
  <?php while (have_variations()) : the_variation(); ?>
     <li><input type="radio" name="variation[<?php echo variation_id(); ?>]" value="<?php echo the_variation_id(); ?>"/><?php echo the_variation_name(); ?></li>
   <?php endwhile; ?>
</ul>
<?php endwhile; ?>
<?php echo add_to_cart_button(the_product_id()); ?>

うまくいけば、次のようなものが得られます。

<ul class='select_variation' name="variation[1]" id="variation_select_22_1">
<li><input type="radio" name="variation[1]" value="1" />Small</li>
<li><input type="radio" name="variation[1]" value="2" />Big</li>
</ul> 
<input type='submit' id='product_22_submit_button' class='buy_button' name='Buy'  value="Add To Cart" />

次に、jQuery を使用して、オプションの 1 つがクリックされたときにボタンを有効にすることができます。

$(function()
{
    $('.buy_button').attr('disabled', 'true');

    $('ul li input').click(function()
    {
        $('.buy_button').removeAttr('disabled');
    });
});

既存のドロップダウンにダミーの「選択してください」項目を追加し、それをデフォルトにすることも検討してください。

于 2009-11-27T19:19:13.043 に答える