在WooCommerce结帐时选择特定文本输入的单选按钮

我通过我的子主题的functions.php将自定义字段添加到WooCommerce的结帐区域。我添加了一些文本输入，但我需要添加两个单选按钮，用于选择/激活两个独立的“集合”文本输入。在WooCommerce结帐时选择特定文本输入的单选按钮

基本上我需要一种方法让我的客户能够选择按钮A：输入付款信息或选择按钮B：并输入采购订单编号。我需要确保选中的不是的按钮不会写入数据库，并在结帐期间出现错误/产生错误。

如果您转到products page并添加产品，请导航到checkout area，您可以看到我已经完成的工作。代码如下：

add_action('woocommerce_after_order_notes', 'custom_checkout_field'); 
function custom_checkout_field($checkout) { 

echo '<div id="payment_info"><h3>'.__('Payment Information').'</h3>'; 

woocommerce_form_field('credit_card_name', array(
    'type'   => 'text', 
    'class'   => array('form-row-wide'), 
    'label'   => __('Name on Credit Card'), 
    'required' => true, 
    'placeholder'  => __(''), 
    ), $checkout->get_value('credit_card_name')); 

woocommerce_form_field('card_type', array(
    'type'   => 'select', 
    'class'   => array(''), 
    'label'   => __('Card Type'), 
    'required' => true, 
    'placeholder'  => __(''), 
    'options'  => array(
    'American Express' => __('American Express'), 
    'Discover' => __('Discover'), 
    'Mastercard' => __('Mastercard'), 
    'Visa' => __('Visa') 
    )), $checkout->get_value('card_type')); 

woocommerce_form_field('card_number', array(
    'type'   => 'text', 
    'class'   => array(''), 
    'label'   => __('Card Number'), 
    'required' => true, 
    'placeholder'  => __('XXXX-XXXX-XXXX-XXXX'), 
    ), $checkout->get_value('card_number')); 

woocommerce_form_field('card_expiration_month', array(
    'type'   => 'select', 
    'class'   => array('form-row-first'), 
    'label'   => __('Expiration Month'), 
    'required' => true, 
    'placeholder'  => __('- Select Month -'), 
    'options'  => array(
    '1' => __('1'), 
    '2' => __('2'), 
    '3' => __('3'), 
    '4' => __('4'), 
    '5' => __('5'), 
    '6' => __('6'), 
    '7' => __('7'), 
    '8' => __('8'), 
    '9' => __('9'), 
    '10' => __('10'), 
    '11' => __('11'), 
    '12' => __('12') 
    )), $checkout->get_value('card_expiration_month')); 

woocommerce_form_field('card_expiration_year', array(
    'type'   => 'select', 
    'class'   => array('form-row-last'), 
    'label'   => __('Expiration Year'), 
    'required' => true, 
    'placeholder'  => __('- Select Year -'), 
    'options'  => array(
    '2013' => __('2013'), 
    '2014' => __('2014'), 
    '2015' => __('2015'), 
    '2016' => __('2016'), 
    '2017' => __('2017'), 
    '2018' => __('2018'), 
    '2019' => __('2019'), 
    '2020' => __('2020') 
    )), $checkout->get_value('card_expiration_year')); 

woocommerce_form_field('security_code', array(
    'type'   => 'text', 
    'class'   => array('form-row-first'), 
    'label'   => __('Security Code'), 
    'required' => true, 
    'placeholder'  => __(''), 
    ), $checkout->get_value('security_code')); 

woocommerce_form_field('order_number', array(
    'type'   => 'text', 
    'class'   => array('form-row-wide'), 
    'label'   => __('PO Number (if required)'), 
    'placeholder'  => __(''), 
    ), $checkout->get_value('order_number')); 

echo '</div>';

所以它需要像这样：

付款信息

[X]信用卡
名称[__活跃输入区域__]
卡编号[__有效输入区__] 等

[_]采购订单编号
输入数字[__无效输入区域__]

来源

2013-05-06 Zachariahus

在woocommerce中，无法通过这种方式更改您的表单。

您必须将字段添加到形成-billing.php（复印件woocommerce /模板/ chechout /表单billing.php为{} yourtheme /checkout/form-billing.php）。这个文件包含一个foreach循环，它将你的字段添加到表单中。在此循环中或之后添加您的自定义字段。例如：

<?php foreach ($checkout->checkout_fields['billing'] as $key => $field) : ?> 

    <?php woocommerce_form_field($key, $field, $checkout->get_value($key)); ?> 

<? 
if($key=='billing_first_name') 
{ 
?> 
<input type="radio" name="gender" value="female">Female 
<input type="radio" name="gender" value="male">Male 
<? 
} 
?> 


<?php endforeach; ?>

您还可以添加在这里的jQuery（foreach循环后）显示/隐藏基于用户的选择某些字段。例如：

<script type="text/javascript"> 
jQuery('input[name="gender"]').live('change', function(){ alert('gender checked');}); 
</script>

检查您的自定义字段（S）输入提交后。添加到您的functions.php例如：

/** 
* Process the checkout 
**/ 
add_action('woocommerce_checkout_process', 'my_custom_checkout_field_process'); 

function my_custom_checkout_field_process() { 
    global $woocommerce; 
    if($_POST['gender']=='male') 
     { 
     $woocommerce->add_error('You are a female'); 
     } 
}

输入添加到数据库，例如：

/** 
* Update the order meta with field value 
**/ 
add_action('woocommerce_checkout_update_order_meta', 'my_custom_checkout_field_update_order_meta'); 

function my_custom_checkout_field_update_order_meta($order_id) { 
    if ($_POST['gender']) update_post_meta($order_id, 'Gender', esc_attr($_POST['gender'])); 
}

参见：https://gist.github.com/mikejolley/1604009更多示例代码

来源

2013-06-20 22:24:37

在WooCommerce结帐时选择特定文本输入的单选按钮

回答

相关问题