php - 在 WooCommerce 中隐藏特定运输方式的结帐运输字段部分
问题描述
有人问了我已经回答的以下问题。然后他删了。因此,我将问题和答案发布回来,因为这对社区有用:
在 WooCommerce 中,我试图在不重新加载结帐页面的情况下动态更新复选框表单。我有 2 种运输方式:“交付”和“收集”。我试图只禁用送货地址部分(使用“如果选择的方法是收集”复选框选项,则使用“运送到另一个地址”复选框选项)和所有送货字段。
首先我尝试了这个:
add_action( 'woocommerce_after_shipping_rate', 'carrier_custom_fields', 30, 2 );
function carrier_custom_fields( $method, $index ) {
if( ! is_checkout()) return; // Only on checkout page
$customer_carrier_method = 'local_pickup:1';
if( $method->id != $customer_carrier_method ) return; // Only display for "local_pickup"
$chosen_method_id = WC()->session->chosen_shipping_methods[ $index ];
// echo $chosen_method_id;
// If the chosen shipping method is 'legacy_local_pickup' we display
if($chosen_method_id == $customer_carrier_method ):
add_filter( 'woocommerce_cart_needs_shipping_address', '__return_false');
else :
add_filter( 'woocommerce_cart_needs_shipping_address', '__return_true');
endif;
}
然后我尝试了这个:
add_action( 'woocommerce_shipping_method_chosen', 'check_if_local_pickup', 10, 1 );
function check_if_local_pickup( $chosen_method ) {
$chosen_methods = WC()->session->get( 'chosen_shipping_methods' );
$chosen_shipping = $chosen_methods[0];
if ($chosen_shipping == 'local_pickup:1') {
add_filter( 'woocommerce_ship_to_different_address_checked', '__return_false' );
add_filter( 'woocommerce_cart_needs_shipping_address', '__return_false');
return true;
}
else
{
add_filter( 'woocommerce_cart_needs_shipping_address', '__return_true');
return true;
}
}
他们两个都不行。
如何在 WooCommerce 中隐藏特定选择的运输方式的结帐运输字段部分?
解决方案
PHP 不是这种方式,因为这是“客户端” (而不是“服务器端”)上的事件,所以它需要使用 jQuery。因此,要隐藏特定运输方式的运输字段部分,您将使用以下内容:
// Auto Show hide checkout shipping fields section based on chosen shipping methods
add_action( 'wp_footer', 'custom_checkout_field_script' );
function custom_checkout_field_script() {
// Only on checkout page
if( is_checkout() && ! is_wc_endpoint_url() ):
// HERE below define your local pickup shipping method
$local_pickup = 'local_pickup:1';
// Jquery code start
?>
<script>
jQuery(function($){
var a = 'checked',
b = 'input#ship-to-different-address-checkbox',
c = 'input[name^="shipping_method"]',
d = '<?php echo $local_pickup; ?>',
e = c + ':' + a
f = 'div.woocommerce-shipping-fields,' + b;
// 1. On load: when the chosen shipping method is our defined shipping method
if( $(e).val() === d ) {
// Hide shipping fields section
$(f).hide();
}
// 2. On shipping method "change" (Live event)
$( 'form.checkout' ).on( 'change', c, function() {
// When the chosen shipping method is our defined shipping method
if( $(e).val() === d ) {
// if the checkbox is checked, uncheck it first
if ( $(b).prop(a) ) {
$(b).click();
}
// Hide shipping fields section
$(f).hide();
} else if ( $(e).val() !== d ) {
// show closed shipping fields section with (unchecked checkbox)
$(f).show();
}
});
});
</script>
<?php
endif;
}
代码在您的活动子主题(或活动主题)的functions.php 文件中。测试和工作。
推荐阅读
- c# - 在 C# 中使用 CMD 命令来显示任务列表
- java - 如何为锯齿状数组 java 覆盖 next()?
- c++ - 编写一个 C++ 计算器程序,它运行的实例比需要的多一个
- ionic3 - 如何使用cordova-plugin-googleplus修复谷歌登录错误16?
- python-3.x - 如何在我的主函数中获取元组值(来自一个类)?
- sql - BigQuery:两个数组的异或元素
- java - 想要从ear文件中提取特定的jar文件并将其存储在特定目录中
- python-3.x - Flask 的 test_client() 没有将自定义 HTTP 标头传递给 Flask 应用程序
- java - Lucene 全文搜索仅适用于与搜索字符串完全匹配的标签
- css - 图像容器中的 Fancybox