드롭 다운 선택 입력 변환을 선택 해야하는 라디오 버튼으로 변환

Question

각 제품에 대해 여러 가지 변형을 가질 수있는 전자 상거래 시스템을 사용하고 있습니다 (예 : 대형 중간, 소형 티셔츠). 그러나 티셔츠를 추가하고 변형을 무시하는 고객의 불만이 있습니다. 결과적으로 많은 큰 사람들이 작은 티셔츠를 받고 있습니다 (기본값). 이를 해결하기 위해 사용자가 드롭 다운 선택 목록 대신 라디오 버튼을 선택하도록 하시고 다음과 같은 카트 버튼을 사용할 수있게됩니다. 다음은 선택 드롭 다운을 표시하는 현재 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" />

드롭 다운 버튼을 라디오로 변환하고 변형을 선택할 때까지 카트 추가 버튼을 클릭 할 수 없는지 확인하는 방법은 무엇입니까? 감사

Answer 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를 사용하여 버튼을 활성화 할 수 있습니다.

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

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

더미를 추가하는 것만으로도 '기존 드롭 다운에'항목을 선택하고 기본값으로 만들 수 있습니다.

Answer 2

값이 0이고 텍스트 "크기를 선택하십시오"라는 기본 옵션을 추가 해보십시오.