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

確保你的面具顏色對應的頁面（區）的背景顏色。