在woocommerce中动态更改产品颜色

Question

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

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

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>

确保你的面具颜色对应的页面（区）的背景颜色。