我通过更改模板/genesis-sample/woocommerce/checkout/review-order.php
在发货方法部分添加了两个自定义输入字段
我还设法有条件地要求它们。仅当选中特定单选按钮时,输入字段才会出现并成为必需。我使用jQuery代码使字段显示和消失。所有这一切都很好。代码在这里:
if ( isset($_POST['shipping_method_0_legacy_local_pickup']) && $_POST['shipping_method_0_legacy_local_pickup'] == 1 ) {
$cheq = 'true';
}
else {
$cheq = 'false';
}
woocommerce_form_field( 'fieldtester1' , array(
'type' => 'text',
'class' => array('wccs-field-class wccs-form-row-wide blahblah1'),
'label' => 'Enter Your Carrier Name',
'required' => $cheq,
'placeholder' => 'Carrier Name',
), $checkout->get_value( 'fieldtester1' ));
woocommerce_form_field( 'fieldtester2' , array(
'type' => 'text',
'class' => array('wccs-field-class wccs-form-row-wide blahblah2'),
'label' => 'Enter Your Carrier Account #',
'required' => $cheq,
'placeholder' => 'Carrier Number',
), $checkout->get_value( 'fieldtester2' ));
但问题是,即使将required
属性设置为true
这两个字段,如果按下Place Order
按钮时该字段为空,则不会进行验证。理想情况下,订单不应该通过,应该生成错误消息。我已经在functions.php
中添加了以下代码来强制验证输入字段,但它没有做任何事情。代码在这里:
add_action('woocommerce_checkout_process', 'carrier_checkout_process');
function carrier_checkout_process() {
if ( isset($_POST['shipping_method_0_legacy_local_pickup']) && $_POST['shipping_method_0_legacy_local_pickup'] == 1 ) {
if( empty( $_POST['fieldtester1'] ) ) {
wc_add_notice( ( "Please don't forget to enter your shipping carrier details." ), "error" );
}
}
}
所以,这就是我要找的东西:
如果您想知道为什么我没有使用woocommerce checkout字段挂钩来添加输入字段...我没有将字段添加到结帐表单,因此挂钩没有任何帮助。这些字段将添加到送货方法部分。另一个原因是,我希望每次用户切换发货方法时都更新required
属性。使用Jquery更改required
属性无论出于何种原因都无法正常工作,请相信我,我试了两天。无论如何,那部分已经在运作。唯一的问题是让字段进行验证并将其添加到订单电子邮件和订单详细信息中。我到处寻找,我得到的最近的帮助就是这篇文章where LoicTheAztec gave a detailed solution
答案 0 :(得分:3)
这可以没有jQuery 使用特殊的挂钩来完成,该挂钩会在legacy_local_pickup
运费方式下方显示您的两个"运营商" 自定义字段何时被选中。如果客户更改为其他送货方式,则会删除这些字段。
因此,您需要先删除自定义模板和所有相关代码。
现在,验证工作完美,并且当#34; Carrier"自定义字段已填充,它们按元数据保存。
// Add custom fields to a specific selected shipping method
add_action( 'woocommerce_after_shipping_rate', 'carrier_custom_fields', 20, 2 );
function carrier_custom_fields( $method, $index ) {
if( ! is_checkout()) return; // Only on checkout page
$customer_carrier_method = 'legacy_local_pickup';
if( $method->id != $customer_carrier_method ) return; // Only display for "local_pickup"
$chosen_method_id = WC()->session->chosen_shipping_methods[ $index ];
// If the chosen shipping method is 'legacy_local_pickup' we display
if($chosen_method_id == $customer_carrier_method ):
echo '<div class="custom-carrier">';
woocommerce_form_field( 'carrier_name' , array(
'type' => 'text',
'class' => array('form-row-wide carrier-name'),
'label' => 'Carrier Information:',
'required' => true,
'placeholder' => 'Carrier Name',
), WC()->checkout->get_value( 'carrier_name' ));
woocommerce_form_field( 'carrier_number' , array(
'type' => 'text',
'class' => array('form-row-wide carrier-number'),
'required' => true,
'placeholder' => 'Carrier Number',
), WC()->checkout->get_value( 'carrier_number' ));
echo '</div>';
endif;
}
// Check custom fields validation
add_action('woocommerce_checkout_process', 'carrier_checkout_process');
function carrier_checkout_process() {
if( isset( $_POST['carrier_name'] ) && empty( $_POST['carrier_name'] ) )
wc_add_notice( ( "Please don't forget to enter the shipping carrier name." ), "error" );
if( isset( $_POST['carrier_number'] ) && empty( $_POST['carrier_number'] ) )
wc_add_notice( ( "Please don't forget to enter the shipping carrier account number." ), "error" );
}
// Save custom fields to order meta data
add_action( 'woocommerce_checkout_update_order_meta', 'carrier_update_order_meta', 30, 1 );
function carrier_update_order_meta( $order_id ) {
if( isset( $_POST['carrier_name'] ))
update_post_meta( $order_id, '_carrier_name', sanitize_text_field( $_POST['carrier_name'] ) );
if( isset( $_POST['carrier_number'] ))
update_post_meta( $order_id, '_carrier_number', sanitize_text_field( $_POST['carrier_number'] ) );
}
此代码位于您的活动子主题(或主题)的function.php文件中。经过测试并正常工作。
未显示:
显示&#34;本地提货&#34;被选中: