如何将产品类别添加到Divi主题的woocommerce产品循环中？

Question

我正在处理WordPress Divi主题并自定义shop模块。设计要求在产品网格中的产品名称下显示类别。我正在尝试通过覆盖woocommerce_template_loop_product_title函数来实现此目的。我可以获取产品ID，但似乎无法获取类别。任何帮助，将不胜感激。这是我到目前为止的代码，这是显示shop模块http://atelier.jdwebstaging.com/test-page/

的页面

    // Add the product category below title//
if ( ! function_exists( 'woocommerce_template_loop_product_title' ) ) {
function woocommerce_template_loop_product_title() {
    // Display the title.
    echo '<h2 class="' . esc_attr( apply_filters( 'woocommerce_product_loop_title_classes', 'woocommerce-loop-product__title' ) ) . '">' . get_the_title() . ' </h2>'; 
    // Grab the product post ID
    $product_id = get_the_id();
        echo '<span class="cat_name">' . $product_id . '</span>'; //just to verify
    // Now get the category. Its an array, so it's a little tricky    
    $product_cat = get_the_category('$product_id');
        foreach($product_cat as $cd){
            echo '<span class="cat_name">' . $cd->cat_name . '</span>';
        } 
    }
}

感谢阅读！