Shopify 域名与 SSL

首页有锁标 商品页却提示不安全 混合内容怎么找

现象#

同一个域名,首页地址栏正常,商品详情页显示「不安全」;Console 出现 Mixed Content 警告,指出某张图片仍是 http 地址。

原因#

  • 主题文件里硬编码了 http:// 的图片、字体或脚本地址,HTTPS 页面加载时被判为混合内容。
  • 富文本描述里粘贴的是旧图床的 http 链接,只有含该商品的页面才触发。
  • 第三方评论或视频插件返回的 embed 代码仍是 http 版本。
  • CSS 中用 url(http://...) 引入背景图或字体,只有 Network 面板才会暴露。

处理步骤#

  1. 在出问题的页面打开 DevTools,Console 与 Network 各筛一次 http://。
  2. 搜 grep -rn "http://" 定位主题里的硬编码地址。
  3. 图片统一用 {{ 'hero.jpg' | asset_url }} 输出,避免写死域名。
  4. 把第三方 embed 换成服务商提供的 https 版本,或直接删掉那段脚本。
  5. 清 CDN 与浏览器缓存后重载,确认 Console 不再报 Mixed Content。

验收标准#

所有页面 Console 无混合内容告警,地址栏锁标一致,Network 里没有 http 资源。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。