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

Question

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

编辑: 在我要求检查 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 协议(protocol)调用样式表:

<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 版本。