Замените имя атрибута 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 не установить автоматический идентификатор или случайный класс к атрибутам.