Получите WooCommerce несколько атрибутов продукта для отображения в нескольких раскрывающихся списках

Я создаю свой собственный шаблон страницы продукта Woocommerce и хочу отобразить атрибуты продукта в раскрывающихся списках. У меня есть два атрибута продукта под названием металл & цепь. Как отобразить каждый из этих атрибутов продукта в двух отдельных раскрывающихся списках, как на скриншоте ниже?

Вот и мои атрибуты, которые включают слизняков.

Есть идеи о том, как я могу это сделать? Код ниже был умеренным успехом. Но он отображает все результаты в одном раскрывающемся списке.

<select class="product-attributes" name="metal">
<?php
$_product = wc_get_product( get_the_id() );

if( $_product->has_attributes() ):
$attributes = array();

foreach( $_product->get_attributes() as $taxonomy => $attribute ):
$attribute_name = get_taxonomy( $taxonomy )->labels->singular_name;
$attributes[] = '<strong>'.$attribute_name.'</strong>: '.$_product->get_attribute($taxonomy);
endforeach;

// Display (output)
echo '<option value="'.$attributes.'"><span>'. implode( '</span> <span>', $attributes ) . '</span></option>';
endif;
?>
</select>

Спасибо!