-1

WooCommerce：结帐页面

order_review div 与 customer_details div 重叠，因此您无法填写账单信息。我试过玩 z-index 但这似乎不起作用。

这是产品页面的链接：http: //lifestylesconvention.com/shop/adult-couples-registration/

请填写表格，然后继续到结帐页面。在那里你会明白我的意思。order_review 的 div 与该特定页面上 customer_details 的 div 重叠，因此您无法填写顶部的信息。

我正在拔头发试图弄清楚这一点，大声笑。我确信答案正盯着我的脸，但我只是看不到它。任何想法将不胜感激！:)

提前致谢！

4

2 回答 2

0

您可以模仿第二个 WooCommerce 列（也许从您的结帐模板中删除该 div，因为您不使用它作为送货地址？）。float: right清除帐单列。顺便说一句，它在 Chrome 和 Firefox 中看起来不同，因为在 Chrome 中它将是 100% 宽并浮动在计费字段下，而在 Firefox 中它位于该列的右侧（我假设这是你想要的）。

#order_review table.shop_table {
  width: 48%;
  float: right;
}
于 2013-04-04T07:18:40.133 回答
0

我已经设法在 Firefox 中重现了这个问题。

我还没有找到解决方案。但我相信问题出在 jQuery/javascript 上。关闭页面上的javascript，问题就消失了。您在结帐页面上加载了大约 20 个脚本，恐怕我无法隔离负责人。

不知道你的技能水平是什么，但我会尝试一些事情：1.重命名 mecurial js 目录（暂时）。大约一半的脚本来自这个目录。如果重命名它，浏览器将无法加载它们，那么您可以隔离它们是否导致错误。2. 问题似乎出现在 AJAX 请求 /checkout/pay/ 期间。我猜 woocommerce 在 AJAX 处理一些数据时禁用了表单，但由于某种原因无法重新启用访问。可能是因为找不到 /checkout/pay/ （您​​是否出于某种原因删除了此页面？）

希望这会有所帮助......对不起，我不能给出一个明确的解决方案 - 我必须自己的工作。

祝你好运。

于 2013-04-04T08:00:21.383 回答