WooCommerce+WPML：英文翻译可变产品切换变体始终显示同一缩略图

针对你遇到的英语前端可变产品变体选择后缩略图不切换的问题，结合本地属性（Local Attributes）的使用场景与WPML的运行机制，核心原因集中在以下几点：

• 本地属性的翻译未建立元数据关联
  WPML对全局属性的翻译支持更完善，但本地属性是直接在产品内定义的，翻译时容易出现“属性文本标签显示正确，但后台存储的属性元数据（如内部slug、选项标识）未同步翻译”的情况。法语原始产品的变体基于本地属性的元值匹配，而英语翻译版的变体虽显示了正确的翻译标签，实际用于匹配变体的属性标识却未对应，导致前端JS无法找到对应的变体数据。

• WPML变体同步工具遗漏本地属性元数据
  WooCommerce Multilingual的变体同步工具默认针对全局属性设计，对于本地属性，它通常只同步变体的标题、价格等可见字段，却遗漏了关联本地属性的关键元数据（如_product_attributes中的属性slug、选项内部标识）。这会导致英语版产品的变体与属性选项之间的映射关系断裂，前端选择选项时无法触发正确的变体切换。

• 前端JS的变体匹配数据不一致
  WooCommerce前端切换变体依赖产品页的variations JSON数据。英语版页面的JSON数据中，变体对应的属性值可能仍是法语的原始标识，而非翻译后的属性slug或值，导致选择英语属性选项时，无法匹配到对应的变体ID，始终加载默认变体。

• 本地属性选项值未与翻译产品变体绑定
  即使手动翻译了属性标签，WPML可能未自动将英语属性选项与对应变体绑定。比如法语属性值rouge对应变体A，英语翻译为red，但后台英语产品的变体关联的属性值仍是rouge而非red，导致前端选择red时找不到对应变体。

• 对比元数据：通过wp_postmeta表，查看法语原始产品与英语翻译版的_product_attributes字段，检查属性的slug和options是否对应翻译后的标识。
• 手动重新绑定：在英语翻译产品的「属性」标签页，删除现有本地属性，重新添加并选择对应变体，确保每个变体的属性选项与前端显示的翻译标签一致。
• 检查JS报错：打开浏览器开发者工具，查看产品页控制台是否有变体匹配相关的报错（如找不到变体的提示），直接定位数据不匹配问题。

内容的提问来源于stack exchange，提问作者xavharel