woocommerceで動的に商品の色を変更

Question

したがって、私たちは4種類のスタイルと12種類の色のTシャツを販売しています。したがって、1つの商品に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>

があなたのマスクの色は、ページ（エリア）背景色に対応していることを確認します。