在 Woocommerce 结帐表单中输入会导致浏览器报告 SSL 问题

Question

我在一个 woocommerce 网站上工作。在我开始在结帐中输入一些字段之前，ssl 似乎工作正常。此时 chrome 锁定图标由于某种原因变为黄色。这可能是什么原因造成的？页面上的所有内容都是安全的... images/fonts 等等

编辑： 在我要求检查 chrome 资源面板后我立刻想到了，果然我找到了罪魁祸首，但我仍然没有现在真的不知道如何解决这个问题。

http://goods.ie/wp-content/plugins/woocommerce/assets/images/icons/valid.png

Answer 1

您的 woocommerce.css 文件中的这些行：

background-image:url(../../plugins/woocommerce/assets/images/icons/valid.png);

background-image:url(../../plugins/woocommerce/assets/images/icons/invalid.png);

给您带来问题是因为它们似乎被处理为：

http://goods.ie/wp-content/plugins/woocommerce/assets/images/icons/valid.png

http://goods.ie/wp-content/plugins/woocommerce/assets/images/icons/invalid.png

即使使用 https 协议调用样式表：

<link rel='stylesheet' 
      id='woocommerce_responsive_frontend_styles-css'       
      href='https://goods.ie/wp-content/themes/goods/woocommerce.css?ver=4.1.1' 
      type='text/css' 
      media='all' />

原因似乎是这些图像文件目前 不存在 并且我们得到一个 302 重定向到 http 版本的 404 响应。

所以只要确保这些文件存在即可。使用正确的路径并注意这些文件不随 WooCommerce 一起提供。

同时考虑升级到最新的 WooCommerce 版本。

在 Woocommerce 结帐表单中输入会导致浏览器报告 SSL 问题

Typing in Woocommerce checkout form causes browser to report SSL issues

wordpress

security

google-chrome

ssl

woocommerce