如何在WooCommerce分类页为筛选器中每个分类单独调取对应分类缩略图

我遇到了一个问题：我正在使用一个支持缩略图的筛选器，但是该筛选器不支持自动获取分类缩略图，需要手动为筛选器上传所有分类的缩略图，这个方案并不实用。

我想要实现的功能是自动调用分类本身设置的缩略图。目前我写的代码只能从当前查询中调取缩略图，这也不是合适的解决方案，我需要为每个分类单独调取对应的缩略图。

当前的代码只能读取当前打开分类的查询结果，导致所有分类都显示同一张图片，请问有什么方法可以为每个分类单独调取对应的缩略图？

当前使用的代码：

if ( is_product_category() ){
    global $wp_query;

    // get the query object
    $cat = $wp_query->get_queried_object();

    // get the thumbnail id using the queried category term_id
    $thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true ); 

    // get the image URL
    $image = wp_get_attachment_url( $thumbnail_id ); 


    return '<span class="prdctfltr_customize_block prdctfltr_customize"><span class="prdctfltr_customize_image"><img src="' . $image . '" alt="' . $cat->name . '"/></span>' . ( $cnt !== false ? ' <span class="prdctfltr_customize_count">' . absint( $cnt ) . '</span>' : '' ) . ( $tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post( $tip ) . '</span></span>' : '' ) . ( $checked !== '' ? '<input type="checkbox" value="' . esc_attr( $term_slug ) . '"' . esc_html( $checked ) . '/>' : '' ) . '<span class="prdctfltr_customization_search">' . esc_html( $term_name ) . '</span>' . wp_kses_post( $sublevel ) . '</span>';
}

提前感谢各位的解答。

问题原因 #

你当前的代码固定读取全局$wp_query中当前访问的产品分类数据，所以所有筛选器展示的分类项都复用了这一张缩略图，才会出现所有分类显示同一张图的问题。

修复方案 #

不需要读取全局查询的分类，直接用筛选器循环中每个分类项自带的term_id调取对应缩略图即可，修改后的代码参考如下：

// 首先获取当前遍历的分类term对象，大部分筛选器的自定义输出钩子都会直接传入该参数，不需要自己全局获取
$thumbnail_id = get_term_meta( $term->term_id, 'thumbnail_id', true ); 
// 增加默认占位图逻辑，避免分类未设置缩略图时显示异常
$image = $thumbnail_id ? wp_get_attachment_url( $thumbnail_id ) : '此处替换为你的默认占位图地址';

return '<span class="prdctfltr_customize_block prdctfltr_customize"><span class="prdctfltr_customize_image"><img src="' . esc_url($image) . '" alt="' . esc_attr( $term->name ) . '"/></span>' . ( $cnt !== false ? ' <span class="prdctfltr_customize_count">' . absint( $cnt ) . '</span>' : '' ) . ( $tip !== false ? '<span class="prdctfltr_tooltip"><span>' . wp_kses_post( $tip ) . '</span></span>' : '' ) . ( $checked !== '' ? '<input type="checkbox" value="' . esc_attr( $term_slug ) . '"' . esc_html( $checked ) . '/>' : '' ) . '<span class="prdctfltr_customization_search">' . esc_html( $term_name ) . '</span>' . wp_kses_post( $sublevel ) . '</span>';

如果你的筛选器回调没有直接传入$term对象，也可以通过循环中已有的$term_slug先获取对应分类的term对象：

$term = get_term_by( 'slug', $term_slug, 'product_cat' );
if ( $term && !is_wp_error( $term ) ) {
    $thumbnail_id = get_term_meta( $term->term_id, 'thumbnail_id', true );
    $image = $thumbnail_id ? wp_get_attachment_url( $thumbnail_id ) : '默认占位图地址';
    // 后续输出逻辑同上
}

内容的提问来源于stack exchange，提问作者Lubo Masura