在woocommerce中动态更改产品颜色

Question

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

我在想，如果我可以上传T恤的面具，并用用户选择替换背景的颜色，它将使我们的生活变得如此简单。有什么想法吗？

Answer 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>

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