在 woocommerce 中动态更改产品颜色

【问题标题】：Change product color dynamically in woocommerce在 woocommerce 中动态更改产品颜色
【发布时间】：2017-04-09 00:51:34
【问题描述】：

因此，我们销售 4 种不同款式和 12 种不同颜色的 T 恤。因此，我们最终为单个产品上传了 52 个图像变体。有没有办法动态地做到这一点？

我在想，如果我可以上传 T 恤的蒙版，并用用户选择来替换背景颜色，那会让我们的生活变得更轻松。有什么想法吗？

【问题讨论】：

【解决方案1】：

当然，这完全可以：

.item {
  background-color: red;
  display: inline-block;
}
.item:hover {
  background-color: blue;
}

.item img {
  width: 300px;
  height: 300px;
}

Hover to change color<br/>
<div class="item">
  <img class="mask" src="http://www.genericorp.net/~vostek/images/circlemask-1024x768.png"/>
</div>

确保您的遮罩颜色与页面（区域）背景颜色相对应。

【讨论】：