如何解决Shopify店铺中商品变种名称显示中文的问题?
问题背景
部分Shopify商家在配置商品变种(如颜色、尺寸)时,发现选项名称自动显示为中文(例如“颜色”而非“Color”),这可能因系统语言设置或主题模板限制导致,影响国际化店铺的专业性。
解决方案一:修改主题代码
步骤说明
- 登录Shopify后台,进入「在线商店」→「主题」→「编辑代码」
- 定位商品模板文件(通常为
product.liquid
或variant-picker.liquid
) - 搜索
{{ option.name }}
并替换为硬编码英文(如Color
或Size
) - 保存修改并刷新前台页面测试效果
代码示例:
{% for option in product.options_with_values %}
<label for="{{ option.name }}">Color:</label>
<select name="{{ option.name }}" id="{{ option.name }}">
{% for value in option.values %}
<option value="{{ value }}">{{ value }}</option>
{% endfor %}
</select>
{% endfor %}
解决方案二:调整后台语言配置
- 进入「设置」→「通用」→「商店语言」
- 将默认语言改为英语(或其他目标语言)
- 清除浏览器缓存后重新加载商品页
- 注意:此方法可能影响后台界面显示语言
解决方案三:使用多语言插件
安装如 Langify 或 Weglot 等官方应用,通过翻译覆盖功能动态修改变种标签:
- 在插件管理界面添加自定义翻译规则
- 将“颜色”映射为“Color”,“尺寸”映射为“Size”
- 支持实时预览和批量修改
进阶排查方法
检查翻译文件(Locale文件)
在主题代码编辑器中查找 locales/
文件夹,编辑对应语言的JSON文件(如 en.default.json
),确保包含如下字段:
{
"products": {
"variant": {
"color": "Color",
"size": "Size"
}
}
}
注意事项
- 修改代码前务必创建主题备份
- 使用开发者工具(Ctrl+Shift+I)检查元素命名一致性
- 跨语言店铺建议采用国际化标准命名(如Color而非Colour)