Favicon Tools检测创建
Shopify · Not showing

Shopify favicon 不显示?这样修复

在 Shopify 上,favicon 是一个主题设置,而不是服务器上的文件。主题会从你在编辑器里选的图片渲染一个图标 link,所以标签页空白意味着它没设置、你改错了主题,或者格式被拒绝了。

favicon 是一个主题设置

Dawn 和其他 Online Store 2.0 主题都声明了一个 favicon 设置。你在主题编辑器里选一张图片,主题就会渲染一个单独的图标 link,其 URL 由 Shopify 的图片 CDN 生成。这个设置属于主题,所以换主题就意味着要重新选一次。

正因为它存在于主题里,它悄无声息失败的两种方式是:改了一个你从没发布的草稿,以及把一个 CDN 无法处理的格式交给了图片选择器。

让它渲染出来

  1. 1

    在主题设置里设置 favicon

    Online Store → Themes → Customize,然后是侧栏底部的主题设置控件,而不是分区列表。Dawn 把 favicon 归在它自己的标题下。

  2. 2

    发布你编辑的那个主题

    自定义器预览和线上店面是不同的 URL。如果你改的是草稿,先发布它,再断定 favicon 没变。

  3. 3

    在无痕窗口里检查线上店面

    发布之后,渲染出的 link 是一个 CDN URL。此时图标仍然是旧的,那就是浏览器的缓存,而不是 Shopify 的。

Shopify favicon 不显示:常见问题

为什么我的 Shopify favicon 不显示?

通常是 favicon 设置为空、你改的是一个从没发布的草稿主题,或者你上传了图片 CDN 无法处理的 .ico。在主题设置里放一张正方形 PNG,并发布主题。

Shopify 里的 favicon 设置在哪?

Online Store → Themes → Customize → 主题设置(左侧栏底部的控件,与分区列表分开)。在 Dawn 里它有自己的标题。

我能把 favicon 文件上传到店铺根目录吗?

不能。你无法控制 Shopify 在 /favicon.ico 上提供什么,主题资源也是从 CDN 按它们自己的路径提供的。一切都要走主题设置,或在 layout 里用 asset_url 引用。

Keep going