WooCommerce 教程：如果选择本地代答，隐藏送货

我们来谈谈结帐 UX：如果用户愿意在商店里拿起商品，为什么要在结帐上有货运表单？

那么我们来看看我们如何用一些 PHP 和 JS 来动态地隐藏它！

PHP 代码段：当选择本地代答时隐藏运输字段 – WooCommerce Checkout

 

/**
 * @snippet       Disable Shipping Fields for Local Pickup

 * @sourcecode    https://businessbloomer.com/?p=72660
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.0.7
 */
 
add_action( 'woocommerce_after_checkout_form', 'bbloomer_disable_shipping_local_pickup' );

function bbloomer_disable_shipping_local_pickup( $available_gateways ) {
global $woocommerce;

// Part 1: Hide shipping based on the static choice @ Cart
// Note: "#customer_details .col-2" strictly depends on your theme

$chosen_methods = WC()->session->get( 'chosen_shipping_methods' );
$chosen_shipping_no_ajax = $chosen_methods[0];
if ( 0 === strpos( $chosen_shipping_no_ajax, 'local_pickup' ) ) {

?>
<script type="text/javascript">

	jQuery('#customer_details .col-2').fadeOut();

</script>
<?php
    
} 

// Part 2: Hide shipping based on the dynamic choice @ Checkout
// Note: "#customer_details .col-2" strictly depends on your theme

?>
<script type="text/javascript">
				jQuery('form.checkout').on('change','input[name^="shipping_method"]',function() {
	var val = jQuery( this ).val();
	if (val.match("^local_pickup")) {
            	jQuery('#customer_details .col-2').fadeOut();
       	} else {
		jQuery('#customer_details .col-2').fadeIn();
	}
});

</script>
<?php

}