如何解决Shopify店铺中商品变种名称显示中文的问题?

如何解决Shopify店铺中商品变种名称显示中文的问题?

问题背景

部分Shopify商家在配置商品变种(如颜色、尺寸)时,发现选项名称自动显示为中文(例如“颜色”而非“Color”),这可能因系统语言设置或主题模板限制导致,影响国际化店铺的专业性。

解决方案一:修改主题代码

步骤说明

  1. 登录Shopify后台,进入「在线商店」→「主题」→「编辑代码」
  2. 定位商品模板文件(通常为 product.liquidvariant-picker.liquid
  3. 搜索 {{ option.name }} 并替换为硬编码英文(如 ColorSize
  4. 保存修改并刷新前台页面测试效果

代码示例:


{% 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 %}
                

解决方案二:调整后台语言配置

  • 进入「设置」→「通用」→「商店语言」
  • 将默认语言改为英语(或其他目标语言)
  • 清除浏览器缓存后重新加载商品页
  • 注意:此方法可能影响后台界面显示语言

解决方案三:使用多语言插件

安装如 LangifyWeglot 等官方应用,通过翻译覆盖功能动态修改变种标签:

  • 在插件管理界面添加自定义翻译规则
  • 将“颜色”映射为“Color”,“尺寸”映射为“Size”
  • 支持实时预览和批量修改

进阶排查方法

检查翻译文件(Locale文件)

在主题代码编辑器中查找 locales/ 文件夹,编辑对应语言的JSON文件(如 en.default.json),确保包含如下字段:


{
    "products": {
        "variant": {
            "color": "Color",
            "size": "Size"
        }
    }
}
            

注意事项

  • 修改代码前务必创建主题备份
  • 使用开发者工具(Ctrl+Shift+I)检查元素命名一致性
  • 跨语言店铺建议采用国际化标准命名(如Color而非Colour)

寰宇互联服务器4核4G云服务器1元/月,网络稳定、抗DDos、国际BGP、性能强劲,十年服务经验QQ:97295700 微信:huanidc

阅读剩余
THE END