Shopify locales 语言文件写错整站文案变 key
现象#
改完 zh-CN.json 后刷新中文前台,导航和按钮全变成 general.search 这类键名,切到英文站却完全正常。
原因#
- 语言文件是严格 JSON,多一个逗号或写了注释就会让整个文件解析失败
- 文件保存成带 BOM 或 GBK 编码,读取后键值错乱,匹配不到文案
- 顶层层级与默认语言文件不一致,t 过滤器按路径查不到对应的值
- 只在一个语言文件里新增 key,其他语言缺失时直接显示原始 key
处理步骤#
- 把
locales/zh-CN.json内容粘贴到 JSON 校验器,先修语法错误 - 用编辑器另存为 UTF-8 无 BOM,不要用系统记事本的默认编码
- 对照
en.default.json的层级补齐缺失 key,不要改动顶层结构 - 模板里统一写成
{{ 'products.add_to_cart' | t }},不要拼接路径 - 保存后切到中文前台,逐页检查导航、按钮和表单提示
验收标准#
中文前台所有按钮显示正常文案,页面中不再出现点分隔的 key;切换语言后各页面文案都能对应上。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。