jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – Woocommerce结帐页面显示送货地址首先帐单地址?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在Woocommerce的结帐页面,我需要更改地址的功能,首先我需要运送地址字段,然后计费地址字段.

首先显示结算,然后显示出货,如果复选框勾选如下,请参阅图片.

现在我需要改变它像运送地址显示第一,当我检查复选框,它显示我的帐单地址.见下图.

我需要这个改变,而不改变任何woocommerce文件的手段在主题文件夹也验证和jquery效果也是需要的.

可以任何一个plz帮我做吗?

提前谢谢

代码片段:这不是解决方案,所以plz不写这个,因为它改变了地方不是功能和复选框. plz看到我发布的截图.

<?PHP do_action( 'woocommerce_checkout_billing' ); ?>
<?PHP do_action( 'woocommerce_checkout_shipping' ); ?>
<?PHP do_action( 'woocommerce_checkout_shipping' ); ?>
<?PHP do_action( 'woocommerce_checkout_billing' ); ?>

仍然这个问题尚未解决,jquery不是很好的解决方案,因为checkout运行为ajax和验证.如果有任何一个有良好的解决方案,那么提供其他可以帮助从这里.

解决方法

你的要求是独一无二的,具有挑战性和棘手性.所以尝试一个代码来达到目的.

为了实现这种功能,已经在jQuery中完成了所有的编码,所以确保你先在控制台中尝试相同的操作,然后在完成同样的操作之后添加任何在检出页面上加载的js中的代码,或者在js上添加结帐页面.

jQuery('.shipping_address').css('display','block');

var bigHtml = jQuery(".woocommerce-billing-fields").children().not("h3,.create-account").detach();
var smallHtml = jQuery('.shipping_address').detach();
jQuery('.woocommerce-billing-fields').append(smallHtml);
jQuery('#order_comments_field').before(bigHtml);

jQuery('.woocommerce-billing-fields h3').text('Shipping Details');
jQuery('h3#ship-to-different-address').replaceWith('<h3 id="ship-to-billing-different-address"><label for="ship-to-billing-different-address-checkBox" class="checkBox">Ship to billing address?</label><input id="ship-to-billing-different-address-checkBox" class="input-checkBox" name="ship_to_different_billing_address" value="1" type="checkBox"></h3>');
jQuery(".woocommerce-shipping-fields").children().not("h3,#order_comments_field").hide();

jQuery("#ship-to-billing-different-address-checkBox").click(function(event) {
    if (jQuery(this).is(":checked"))
        jQuery(".woocommerce-shipping-fields").children().not("h3,#order_comments_field").show();
    else
        jQuery(".woocommerce-shipping-fields").children().not("h3,#order_comments_field").hide();
});

我希望我在这个问题上发表的时间和工作符合你的要求.

大佬总结

以上是大佬教程为你收集整理的jquery – Woocommerce结帐页面显示送货地址首先帐单地址?全部内容,希望文章能够帮你解决jquery – Woocommerce结帐页面显示送货地址首先帐单地址?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: