【问题标题】:Woocommerce checkout page css is not displaying correctlyWoocommerce 结帐页面 css 未正确显示
【发布时间】:2018-11-21 06:06:49
【问题描述】:

我的 woocommerce 结帐页面显示不正确。 “运送到不同的地址”是重叠的订单详细信息。此外,当客户尝试处理订单时,它会说同意条款和条件,但页面上没有复选框。请帮忙。该网站是 fdlamb.com

【问题讨论】:

  • 嗨。实际上,页面中有一个复选框,就在“运送到不同地址”标签的右侧。您对主题所做的任何修改?它似乎占据了 Paypal 按钮的空间。¿您是否取消了一些插件来检查是否有冲突?
  • 这是一个基于主题的问题,因为当我切换主题时,页面显示了所有内容。主题是woocommerce店面。

标签: woocommerce


【解决方案1】:

我之所以问你是否进行了一些更改或安装了新插件,是因为在某些情况下插件可以更改模板的属性,从而导致一些冲突。因此停用所有插件并查看是否能解决问题有助于首先了解导致问题的原因。

您也可以删除您的主题并重新安装,以返回默认 CSS,因为我看到您的主题没有太多自定义。

无论如何,我知道的不多,但我已经将一些 CSS 移动到按钮的属性中,看看它是否会自行修复。

.checkbox {
    position: inherit;
    top: 7px;
    right: 12px;
}

这就是我使用该代码的方式。 https://i.stack.imgur.com/lfebb.jpg

【讨论】:

  • 我现在正在重新安装主题,但如果这不起作用,我将使用您创建的复选框 css。我应该把它放在结帐页面上的自定义 CSS 中吗?非常感谢您的帮助
  • 是的,您的主题(在本例中为 Storefront)有一个自定义 CSS 部分。
猜你喜欢
  • 2021-09-06
  • 1970-01-01
  • 2020-05-11
  • 2018-05-25
  • 1970-01-01
  • 2015-01-17
  • 2016-10-31
  • 2013-06-21
  • 1970-01-01
相关资源
最近更新 更多