Color swatches on category page? [closed]

Try this code

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['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:".$variation_color."">".$variation_color."</div>";
    }
    echo "</div>";
} 

Review below screenshot