Как отобразить только доступные атрибуты на странице магазина / категории?

Question

Я пытаюсь отобразить доступные размеры / цвета на страницах моего магазина / категории.

Я пробовал этот код:

add_action( 'woocommerce_after_shop_loop_item_title', 'add_attributes_terms', 1);
function add_attributes_terms() {
    global $product;

    ?><div style="font-size: 10px; overflow: overlay; padding: 6px 10px 6px 10px; line-height: 13px; "><?php
        // Loop through each defined attribute
        foreach( $product->get_attributes() as $taxonomy => $values ){
            $terms = $product->get_attribute( $taxonomy ); 
            if(!empty($terms)){
                ?><div style="overflow: overlay;"><?php
                    echo '<span id="shop_labels" style=" float: left; color: #444;">' . str_replace([" pa_taglia-scarpa", "Cor da ", "Cor do ", "Cor das ", " de parede"], ["","","","",""],  wc_attribute_label($taxonomy)) . ': &nbsp; &nbsp;</span>';
                    echo '<div style="color: #959595;">' . $terms . '</div>';
                ?></div><?php
            }
        }
    ?></div><?php
}

Это работает нормально, но отображаеткаждый возможный атрибут для каждого товара.

Моя цель: для каждого товара, который я хотел бы отобразить, только если атрибут доступен (например, для обуви, я хочу отображать только размеры, которые в настоящее время находятся всток) и не каждый возможный размер.

Что я могу сделать, чтобы улучшить код?

спасибо!