WooCommerce Checkout模板没有分表JS功能

时间:2017-11-05 22:15:25

标签: jquery wordpress woocommerce

我更改了购物车结帐页面的前端模板(通过将文件复制到我的自定义主题文件夹中)通过用div容器替换一些table-row-columns-constructs来创建(在我看来)更清晰的布局,也用于处理响应式布局更改。

看来,从模板woocommerce_checkout_order_review模板触发的Wordpress钩子/动作checkout/form-checkout.php使用来自cart/cart-shipping.php的代码,这很好,因为ist保持包含可选择的运输方法的列表一致两页都有。

“关键”更改包括:删除tdth代码,并将<tr class="shipping">替换为<div class="shipping">中的cart/cart-shipping.php

这会导致问题:

单击shipping_methods ul的列表项会触发事件update_checkoutupdated_checkout,我认为这些事件负责更新购物车/ chekout页面。 使用我更改的HTML模板,事情并没有按照应有的方式运行;每次点击都会复制整个ul。 我在woocommerce js code中找不到tr.shipping.shipping的任何出现。

为什么更改模板结构会破坏jQuery代码?如何在不破坏的情况下实现这一改变?

1 个答案:

答案 0 :(得分:1)

没有更多代码,很难说。也许如果你能提供一个链接,我可以提供更多帮助吗?

瞎了,听起来这是一个与点击相关的问题......

我可以确认assets/js/admin/meta-boxes-order.js 第250-251行 行中有多个tr.shipping引用541,786和874 。很可能是这些因素导致了这个问题。

这是一种hackish你正在尝试做什么...并且无法测试它很难说或确认,但尝试复制那些相关的功能,但只能在你的{ {1}}

查看那个让你出局的地方。