类别页面上的色板？

Question

我正在尝试在类别页面上添加色板。

我在functions.php中有以下代码：

add_action( 'woocommerce_after_shop_loop_item', 'sm_display_product_color_options', 9 );
function sm_display_product_color_options(){
    global $woocommerce, $product;
    $variation_colors_data = $product->get_attributes();
    $variation_colors_data = $variation_colors_data['pa_color'];
    $variation_colors = $variation_colors_data['options'];
    echo "<div class='product_colors_container'>";
    foreach ($variation_colors as $variation_color) {
        echo "<div class='variable-item-span variable-item-span-color' style='background-color:".get_term_meta($variation_color,'color',true)."'></div>";
    }
    echo "</div>";
} 

这是输出：

<div class="product_colors_container"><div class="variable-item-span variable-item-span-color" style="background-color:"></div><div class="variable-item-span variable-item-span-color" style="background-color:"></div></div>

你知道怎么了吗？

谢谢。

安德烈（Andrei）