如何显示WooCommerce产品类别的产品裁剪缩略图(150x150)

时间:2019-05-06 作者:Mitos

我曾尝试显示woocommerce类别缩略图,但没有任何效果,下面是显示类别列表的代码,效果非常好,只剩下一个缩略图。

$product_cats = get_terms([
    \'taxonomy\'   => \'product_cat\', 
    \'hide_empty\' => true, 
    \'parent\'     => 0, 
    \'fields\'     => \'names\' // Term names
]);

foreach ( $product_cats as $key => $parent_term_name ) {
    printf( \'<button class="tablinks %s" onclick="%s">%s</button>\',
        $key === 0 ? esc_attr( \'active\' ) : \'\',
        "myFunction(event,\'{$parent_term_name})",
        $parent_term_name
    );
}
我曾尝试添加此部分,以便显示图像,但除了占位符图像之外,没有其他效果。

$category_thumbnail = get_woocommerce_term_meta($parent_term_name->term_id, \'thumbnail_id\', true);
   if ( $category_thumbnail ) { 
       $image = wp_get_attachment_url($category_thumbnail);
    }
   else {
   $image = wc_placeholder_img_src();
}

1 个回复
最合适的回答,由SO网友:LoicTheAztec 整理而成

要在产品类别项目(按钮)中包含产品类别缩略图(125倍;125像素),请使用以下命令:

$product_cats = get_terms([
    \'taxonomy\'   => \'product_cat\',
    \'hide_empty\' => true,
    \'parent\'     => 0,
]);

foreach ( $product_cats as $key => $parent_term ) {
    $thumb_id = get_woocommerce_term_meta( $parent_term->term_id, \'thumbnail_id\', true );
    $size     = \'thumbnail\';
    $image    = wp_get_attachment_image_src($thumb_id, $size);

    printf( \'<button class="tablinks %s" onclick="%s"><img src="%s" width="150" height="150" />%s</button>\',
        $key === 0 ? esc_attr( \'active\' ) : \'\',
        "myFunction(event,\'{$parent_term->name}\')",
        $thumb_id ? $image[0] : wc_placeholder_img_src($size),
        $parent_term->name
    );
}

相关推荐

如何从全站模板文件中的函数.php中调用定制函数?

我在wp-content/themes/xxxx/modules/custom中有一个自定义php文件。php和我想从函数中调用函数。php。现在我所有的函数(相同的函数)都在不同的文件中,因为仍然无法解决这个问题。我想在函数中创建一个函数。php并从网站的任何地方调用此函数。此函数将从另一个php文件调用(Ajax不会调用此函数)。当我包括或需要任何文件时(不导入wp load、wp blog header、functions.php)我读了很多论坛,尝试了很多方法,比如1.define(\'WP_US