用圖標或圖像替換Woocommerce屬性名稱

Question

我正在使用Divi主題以及WC。 我爲我的茶店創造了3個產品屬性。 我希望在前端顯示圖像，而不是屬性的名稱（或標籤）。

例如，我不想讀取「浸泡溫度」，而是想要顯示溫度計的圖像。

我不是程序員/開發人員。 請幫助 斯蒂芬

Answer 1

它是更多鈔票在CSS中使用 後的圖標添加到屬性的每個標題。

#attribute45896{ 
 
content:" "; 
 
background-image:url('http://rapido.ir/wp-content/uploads/2017/02/blue.png'); 
 
background-size:30px; 
 
background-position:left center; 
 
background-repeat:no-repeat; 
 
padding-left:40px}

<table> 
 
<tbody> 
 
<tr class="alt"> 
 
<th id="attribute45896">color:</th> 
 
<td><ul class="jcaa_attr_select jcaa_size_small jcaa_rounded_corners"> 
 
<li style="list-style:none;">red 
 
</li> 
 
</ul> 
 
</td> 
 
</tr> 
 
</tbody> 
 
<table>

但woocommerce不設置自動ID或隨機類屬性。