Shopify · Not showing
Shopify favicon 不显示?这样修复
在 Shopify 上,favicon 是一个主题设置,而不是服务器上的文件。主题会从你在编辑器里选的图片渲染一个图标 link,所以标签页空白意味着它没设置、你改错了主题,或者格式被拒绝了。
favicon 是一个主题设置
Dawn 和其他 Online Store 2.0 主题都声明了一个 favicon 设置。你在主题编辑器里选一张图片,主题就会渲染一个单独的图标 link,其 URL 由 Shopify 的图片 CDN 生成。这个设置属于主题,所以换主题就意味着要重新选一次。
正因为它存在于主题里,它悄无声息失败的两种方式是:改了一个你从没发布的草稿,以及把一个 CDN 无法处理的格式交给了图片选择器。
让它渲染出来
- 1
在主题设置里设置 favicon
Online Store → Themes → Customize,然后是侧栏底部的主题设置控件,而不是分区列表。Dawn 把 favicon 归在它自己的标题下。
- 2
发布你编辑的那个主题
自定义器预览和线上店面是不同的 URL。如果你改的是草稿,先发布它,再断定 favicon 没变。
- 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 引用。