How to output WooCommerce product attributes as <UL>? - woocommerce

Question

I am using Woocommerce for Wordpress, and trying to change the way product attribute is displayed (product-attribute.php). As you can see, the values are outputted in a td and each item is separated by a comma, but I need them in an unordered list instead, with each item into a separate li.
Can you help me with this, please?
<?php foreach ( $attributes as $attribute ) :
if ( empty( $attribute['is_visible'] ) || ( $attribute['is_taxonomy'] && ! taxonomy_exists( $attribute['name'] ) ) )
continue;
?>
<tr>
<th scope="row"><?php echo wc_attribute_label( $attribute->get_name() ); ?></th>
<?php
if ( $attribute['is_taxonomy'] ) {
$values = woocommerce_get_product_terms( $product->id, $attribute['name'], 'names' );
foreach ( $values as $value ) :
echo '<td>';
echo $value;
echo '</td>';
endforeach;
} else {
$values = array_map( 'trim', explode( '|', $attribute['value'] ) );
foreach ( $values as $value ) :
echo '<td>';
echo $value;
echo '</td>';
endforeach;
}
?>
</tr>
<?php endforeach; ?>
Right now I have
<td>item1, item2, item3</td>
but ideally, what I need is
<li>item1</li>
<li>item2</li>
<li>item3</li>
Thank you so much for you help!

Answer 1

here you go
<ul>
<?php foreach ( $attributes as $attribute ) :
if ( empty( $attribute['is_visible'] ) || ( $attribute['is_taxonomy'] && ! taxonomy_exists( $attribute['name'] ) ) ) {
continue;
}
?>
<p><?php echo wc_attribute_label( $attribute->get_name() ); ?></p>
<?php
if ( $attribute['is_taxonomy'] ) {
$values = woocommerce_get_product_terms( $product->id, $attribute['name'], 'names' );
foreach ( $values as $value ) :
echo '<li>';
echo $value;
echo '</li>';
endforeach;
} else {
$values = array_map( 'trim', explode( '|', $attribute['value'] ) );
foreach ( $values as $value ) :
echo '<li>';
echo $value;
echo '</li>';
endforeach;
}
?>
<?php endforeach; ?>
</ul>
i just replaces the <td> in your code with <li> and added the <ul> instead of <tr> also i modified the <th> to <p>