首页 文章

WooCommerce：Checkout页面 - order_review div与customer_details div重叠

提问于
浏览 次
-1

WooCommerce：Checkout Page

order_review div与customer_details div重叠，因此您无法填写结算信息 . 我尝试过使用z-index，但这似乎不起作用 .

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

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

我拉着我的头发试图解决这个问题，哈哈 . 我确定答案是正确地盯着我，但我只是看不到它 . 任何想法都会非常感激！ :)

提前致谢！

css wordpress woocommerce

2 回答

  • 0

    我设法在firefox中重现了这个问题 .

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

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

    希望这会有所帮助......对不起，我无法给出明确的解决方案 - 我必须完成自己的工作 .

    祝好运 .

    回复于
  • 0

    您可以模仿第二个WooCommerce列（也许从您的结帐模板中删除该div，因为您不将其用于送货地址？） . float: right 清除结算列 . 在Chrome和Firefox btw中看起来有所不同，因为在Chrome中它会100％宽并且在计费字段下浮动，而在Firefox中它位于该列的右侧（我认为这就是你想要的） .

    #order_review table.shop_table {
  width: 48%;
  float: right;
}
    回复于

相关问题