获取并显示WooCommerce中的产品类别特色图像

Question

我正在制作我的第一个主题，感谢Loop和WooCommerce的SDK提供的所有帮助，一切都进展得非常快。然后今天我花了一整天的时间没能做像展示图片这样简单的事情。。。经过一整天的努力，我学到的唯一一件事是，WP似乎无法提供获取类别图像的手段，许多人已经问了这个问题很多年了，但我仍然找不到一种方法来真正做到这一点……：(

我想做的是在我的商店上方创建一个滑块，显示精选商店类别的图像。我希望能够输入术语名称列表，并在此基础上，我的函数应该以类别图像的形式生成到产品类别的链接。

听起来很简单...事实证明，这离简单还远着呢...在你把这个问题标记为重复问题之前，让我解释一下为什么我要问这个问题...

我找到的一些解决方案要求我知道术语的ID，而不是tern名称。有人说“使用自定义术语搜索获取id”，但没有解释如何获取id。我知道如何为帖子定制基于分类的查询，但不知道如何为术语定制基于分类的查询。文档在传递给查询项的值方面让我感到困惑：(

其他解决方案要求我首先找到一个特定类别的产品，然后从那里向后找到产品的类别图像（？？？？）

当然还有人们喜欢给出的默认答案：“哦，你在设计你自己的主题，想显示类别图标吗？很简单，只要下载一个插件就可以了。”。现在我为什么不考虑把别人的插件加入我的主题呢？（脸掌）

其他答案只是展示了如何打印术语名称列表，但到目前为止，还没有任何答案能够让我做本应如此简单的事情：

$categories = array("software", "plugins", "merch");
foreach($categories as $cat) {
    $term_id = get_term_id($cat);
    $term_image = get_term_featured_image($term_id);
    echo '<img src="'.$term_image.'">;
    }

获取术语的第一个问题是，用于获取术语id的wordpress函数仅适用于类别分类法，但我需要查询WooCommerce的产品分类法。其次，即使你有一个id，似乎也没有一个选项来获取缩略图/特色图片。那么现在呢？

因此，我进入了低级阶段，开始使用$wpdb直接查询表，并确定我在term_id 94之后的术语。我在termmeta表中查询缩略图的post ID，发现它是905。现在我转到我的posts表，发现。。。。没有后输入905！世界跆拳道联盟？所以我对另外两个类别做了这项研究，发现了相同的东西。由于没有与图像id匹配的帖子，因此在尝试提取帖子附件时，查找图像id不会返回任何内容。。。

这怎么这么难？WordPress让其他一切都变得非常简单，然而这个简单的发声任务似乎几乎不可能做到...所以现在你看到我已经谷歌到死，并挣扎着我的背部已经关闭，我问这个问题出于绝望：

如何获取一组产品名称并将其转换为一组url以显示类别的图像？

谢谢

Answer 1

最短的方法是使用woocommerce\u subcategory\u thumbnail（）专用功能：

$product_categories = array("software", "plugins", "merch");

// Loop through the product categories
foreach( $product_categories as $category ) {
    // Get the WP_term object
    $term = get_term_by( 'slug', sanitize_title( $category ), 'product_cat' );

    // Get the term link (if needed)
    $term_link = get_term_link( $term, 'product_cat' );

    // Display the product category thumbnail
    woocommerce_subcategory_thumbnail( $term );
}

另一种分步方式将显示带有名称的链接产品类别图像：

$product_categories = array("software", "plugins", "merch");

// Loop through the product categories
foreach( $product_categories as $category ) {
    // Get the WP_term object
    $term = get_term_by( 'slug', sanitize_title( $category ), 'product_cat' );

    // Get the term link (if needed)
    $term_link = get_term_link( $term, 'product_cat' );

    // Get the thumbnail Id
    $thumbnail_id  = (int) get_woocommerce_term_meta( $term->term_id, 'thumbnail_id', true );

    if( $thumbnail_id > 0 ) {
        // Get the attchement image Url
        $term_img  = wp_get_attachment_url( $thumbnail_id );

        // Formatted thumbnail html
        $img_html = '<img src="' . $term_img . '">';
    } else {
        $img_html = '';
    }
    echo '<a href="' . $term_link . '">' . $img_html . $term->name . '</a><br>';
}

两种方法都有效…

要获取所有产品类别WP\u Term对象并显示它们的缩略图，请执行以下操作：

// Get all product categories
$product_category_terms = get_terms( array(
    'taxonomy'   => "product_cat",
    'hide_empty' => 1,
));

foreach($product_category_terms as $term){
    // Get the term link (if needed)
    $term_link = get_term_link( $term, 'product_cat' );

    ## -- Output Example -- ##

    // The link (start)
    echo '<a href="' . $term_link . '" style="display:inline-block; text-align:center; margin-bottom: 14px;">';

    // Display the product category thumbnail
    woocommerce_subcategory_thumbnail( $term );

    // Display the term name
    echo $term->name;

    // Link close
    echo '</a>';
}