WooCommerce 教程：只发送到预定义的 “本地代答” 地址

redmaomail 2024-07-24 17:21 阅读数 70 #WooCommerce

Woo 2.6 引入了运输区域，并且我们可以使用简单的 PHP（和 JQuery）来完成许多 “高级” 运输规则，例如本地提取。

这一次，我测试了一个代码段，向用户选择接收目的地的计费部分添加一个下拉列表。因此，运送地址会自动填充，运送方式也是如此。您怎么看？

高级本地提货 – 运送区/方法设置

您首先需要做的是设置 WooCommerce 运送区域。在这种情况下，每个区域将对应于本地提取地址（例如商店＃1，商店＃2 等）。

在下面的例子中，我在澳大利亚，州=“澳大利亚首都地区” 和 2 个特定的邮政编码添加了 2 个 “区域/商店” 。

每个区域都有其独特的运输方式（Local Pickup），成本= $ 0：

2. 高级本地代答 – PHP / JQuery 代码段

现在这些区域正确设置，这里就是很难的部分。以下是一个经过测试的片段，但是 – 需要大量改进，因此如果您发现任何内容或希望在下面发表评论。


/**
 * @snippet       Advanced Local Pickup - WooCommerce

 * @author        Rodolfo Melogli
 * @compatible    WC 2.6.13, WP 4.7.1, PHP 5.5.9
 */



//////////////////////////////////////////////////////////
// 1. Let's add a new select field to the billing section

add_filter( 'woocommerce_checkout_fields' , 'bbloomer_display_pickup_locations' );

function bbloomer_display_pickup_locations( $fields ) {

$fields['billing']['pick_up_locations'] = array(
   	'type'     => 'select',
	'options'  => array(
        'option_1' => 'Select...',
	'option_2' => 'Melbourne Road Shop',
        'option_3' => 'Perth Road Shop'),
	'label'     => __('Pick Up Location', 'woocommerce'),
	'class'     => array('form-row-wide'),
    	'clear'     => true
     );

return $fields;

}



//////////////////////////////////////////////////////////
// 2. Let's make this field show only when country == Australia

add_action( 'woocommerce_after_checkout_form', 'bbloomer_conditionally_hide_show_pickup', 5);

function bbloomer_conditionally_hide_show_pickup() {

  ?>
	<script type="text/javascript">
		jQuery('select#billing_country').live('change', function(){

			var country = jQuery('select#billing_country').val();

			var check_country = new Array(<?php echo '"AU"'; ?>);
			if (country && jQuery.inArray( country, check_country ) >= 0) {
				jQuery('#pick_up_locations_field').fadeIn();
			} else {
				jQuery('#pick_up_locations_field').fadeOut();
				jQuery('#pick_up_locations_field input').val('');
			}

		});
	</script>
	<?php

}



//////////////////////////////////////////////////////////
// 3. Let's make sure "Ship to a different address" is opened by default

add_filter( 'woocommerce_ship_to_different_address_checked', '__return_true' );



//////////////////////////////////////////////////////////
// 4. Let's change shipping address when the local pickup select changes

add_action( 'woocommerce_after_checkout_form', 'bbloomer_checkout_update_pickup_address', 10);

function bbloomer_checkout_update_pickup_address() {

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

		jQuery('select#pick_up_locations').live('change', function(){

		var location = jQuery('select#pick_up_locations').val();

		if (location == 'option_2') {

		jQuery('select#shipping_country').val('AU').change();
		jQuery('select#shipping_state').val('ACT').change();
		jQuery('#shipping_city_field input').val('Sidney');
		jQuery('#shipping_address_1_field input').val('Melbourne Road');
		jQuery('#shipping_postcode_field input').val('34500');
		jQuery(".shipping_address input[id^='shipping_']").prop("disabled", true);
		jQuery(".shipping_address select[id^='shipping_']").prop("disabled", true);

		} elseif (location == 'option_3') {

		jQuery('select#shipping_country').val('AU').change();
		jQuery('select#shipping_state').val('ACT').change();
		jQuery('#shipping_city_field input').val('Sidney');
		jQuery('#shipping_address_1_field input').val('Perth Road');
		jQuery('#shipping_postcode_field input').val('79200');
		jQuery(".shipping_address input[id^='shipping_']").prop("disabled", true);
		jQuery(".shipping_address select[id^='shipping_']").prop("disabled", true);

                } else {

		jQuery(".shipping_address input[id^='shipping_']").prop("disabled", false);
		jQuery(".shipping_address select[id^='shipping_']").prop("disabled", false);

		}

		});

		</script>
		<?php

}

因此，一旦从计费部分选择正确的本地代理地址，您应该自动在结帐中获得正确的运送方式：
您测试过吗您有什么有用的添加吗？让我知道！