我曾尝试显示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();
}
最合适的回答,由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
);
}