所有woocommerce文件都需要通过将该文件复制到您的子主题中来覆盖。

此外,在woocommerce后端,必须选中该选项,该选项告知在购物车页面上显示“运送计算器”(因为这将显示计算器)

在第一个tr之前将以下代码添加到woocommerce / cart / cart-shipping.php文件中(您将在文件中找到

if(is_checkout() && !$show_shipping_calculator && 'yes' === get_option( 'woocommerce_enable_shipping_calc' ) ) {

$show_shipping_calculator = true;

}

在孩子主题的fuctions.php中添加以下代码

add_action( 'wp_enqueue_scripts', 'test_test' );

function test_test() {

if( is_checkout() ) {

if( wp_script_is( 'wc-cart', 'registered' ) && !wp_script_is( 'wc-cart', 'enqueued' ) ) {

wp_enqueue_script( 'wc-cart' );

}

}

}

现在,我们需要在运费计算器的“更新总计”按钮中添加id标签,

为此,在woocommerce / cart / shipping-calculator.php页面中找到名称为=“ calc_shipping”的按钮,并在该按钮中添加id标签====> id =“ calc_shipping”

注意==>这是我们在jQuery中绑定按钮单击事件的方法,您可以使用任何其他替代方式(如果需要)

现在是最后一步,

在子主题的js文件中添加以下jquery代码

jQuery(document).on('click','#calc_shipping',function(e){

e.preventDefault();

var shipping_country_val = jQuery("#calc_shipping_country").val();

var shipping_state_val = jQuery("#calc_shipping_state").val();

var shipping_city_name = jQuery("#calc_shipping_city").val();

var shipping_postcode = jQuery("#calc_shipping_postcode").val();

jQuery("#billing_country").val(shipping_country_val);

jQuery("#billing_state").val(shipping_state_val);

jQuery('#billing_city').val(shipping_city_name);

jQuery('#billing_postcode').val(shipping_postcode);

jQuery("#shipping_country").val(shipping_country_val);

jQuery("#shipping_state").val(shipping_state_val);

jQuery('#shipping_city').val(shipping_city_name);

jQuery('#shipping_postcode').val(shipping_postcode);

$('#billing_country , #shipping_country').trigger('change');

$('#billing_state, #shipping_state').trigger('change');

});

欧美是用计算机结账的吗,结帐页面上的运输计算器按钮相关推荐

  1. java商城购物车商品sku变化_在Woocommerce 3中的购物车和结帐页面上显示SKU

    你需要做一些模板覆盖 . Cart 如果 my_theme/woocommerce/cart/cart.php 尚未存在,请将 plugins/woocommerce/templates/cart/c ...

  2. php购物车生成订单,php – 在购物车,结帐和查看订单中设置产品自定义字段和显示值...

    更新 – 更正了拼写错误:代码末尾的$product_id变量名称 First: "Duplicating this custom field with key and value, in ...

  3. ajax 提交订单,php-在Woocommerce 3中通过ajax提交并在结帐时创建订单

    我在结帐表单中添加了一个按钮: 并在functions.php文件中添加了一个AJAX代码段: add_action('wp_head', 'ajax_call_place_order'); func ...

  4. 计算机多媒体发展2018,2018秋季学期计算机多媒体项目圆满结课

    原标题:2018秋季学期计算机多媒体项目圆满结课 2018年10月26日,由上海大学社区学院课外培养中心和上海大学计算中心联合开展的计算机多媒体项目圆满结束. 本次项目课程联合刘杜鹃,马骄阳,李晓静, ...

  5. 计算机图形学结课论文,计算机图形学基础教程结课论文

    计算机图形学是研究如何在计算机中生成.显示和处理图形的一门学科.计算机图形学具有较高的实用价值.下面是学习啦小编给大家推荐的计算机图形学基础教程结课论文,希望大家喜欢! 计算机图形学基础教程结课论文篇 ...

  6. ATM制造商Diebold推自助结帐系统,助力消费者NFC结账

    ATM制造商Diebold推出了一个移动功能的自助结帐系统的概念产品,消费者可以在商店购物结账时使用他们的移动设备在自助POS终端进行NFC支付.该公司下周将在NRF Big Show展示这理念. D ...

  7. 计算机组装装机论文,计算机组装与维护结课论文我的装机单.doc

    计算机组装与维护结课论文我的装机单 青 岛 农 业 大 学 本 科 生 课 程 论 文 论 文 题 目 我的装机单 学生专业班级 学生姓名(学号) 指 导 教 师 完 成 时 间 2012-6-1 2 ...

  8. 北邮计算机学院学生会军训,在北京邮电大学2015级本科生军训结训典礼上的讲话...

    2015年9月25日在北京邮电大学2015级本科生军训结训典礼上的讲话 乔建永  校长 各位教官.老师们,同学们: 今天,我们在这里隆重举行2015级本科生军训结训典礼.我谨代表学校向圆满完成军训任务 ...

  9. php购物车修改单价,php – woocommerce在结帐和购物车页面更改价格

    通过woocommerce,在我的网站中,我想在购物车页面中添加一个选择输入,用户可以在两个选项之间选择一个值,并根据此值我将更改价格. 到目前为止,我可以获得总数并使用此更改它: function ...

最新文章

  1. RDKit | 删除方差低的描述符
  2. Java 常见的OOM类型总结
  3. 游戏人物标记——腾讯笔试
  4. 程序员的数学_数学公式太晦涩,不如用代码写出来:这是程序员学数学的独特方式...
  5. OpenShift 4 - 直接将Web应用当成Serverless运行
  6. 二维前缀和(附模板题)
  7. 用矩阵表示物体的缩放
  8. 网页设计期末复习 选择+简答+大题
  9. 华为充电协议_华为推出超级快充多协议充电器,支持65W USB PD快充输出
  10. 口袋电子秤方案芯片CSU18P88
  11. div完成田字格布局
  12. 抖音java表白教程_抖音最火套路情话,深情感人,表白专用!
  13. 这6部韩国电影你都看过吗?
  14. gvim 二进制_GVim配置文件_vimrc
  15. Web应用对接支付宝当面付解决方案
  16. Windows系统C语言代码一览
  17. Spark 练习测试题(答案仅供参考)
  18. GoogLeNet:《Going deeper with convolutions》论文详解
  19. ECharts 安装和实现-echarts.min.js
  20. Docker 从入门到实践系列三 - Docker 常用命令,java高级开发工程师面试问题

热门文章

  1. 关于WSSE验证-- 一种验证用户的方法
  2. 隐私政策网址(URL)
  3. 题解|《算法竞赛进阶指南》 前缀统计
  4. xxx小学四年级(上) 学期
  5. 摩托罗拉孟樸将离职 老牌厂商引业内担忧
  6. 安装torchnet包
  7. iOS停止H5的视频播放
  8. minemc服务器正版验证,MineBlock
  9. 柬埔寨已试用央行数字货币,有望本季度投入运营
  10. 面试——c语言定义bool类型