woocommerce显示带有缩略图的分类

我确切想知道的是如何获得图片中的类别。 (食物类型缩略图。)我有一个基于Maya Shop主题的WordPress网站, 该主题基于Woo Commerce。我从菜单上尝试了所有可能的方法, 但没有设法做到。也尝试用简短代码摆弄一点无济于事。我对此很陌生, 我想让它尽可能简单。我是否必须为某些文件编写php代码, 还是可以比这更简单？

#1

那不是一个好答案。 get_category_link()不适合用于自定义分类法。函数get_term_link()是我们这里需要的。

<?php
    $prod_categories = get_terms( 'product_cat', array(
        'orderby'    => 'name', 'order'      => 'ASC', 'hide_empty' => 1
    ));
    foreach( $prod_categories as $prod_cat ) :
        $cat_thumb_id = get_woocommerce_term_meta( $prod_cat->term_id, 'thumbnail_id', true );
        $cat_thumb_url = wp_get_attachment_thumb_url( $cat_thumb_id );
        $term_link = get_term_link( $prod_cat, 'product_cat' );
?>
<a href="<?php echo $term_link; ?>"><img src="<?php echo $cat_thumb_url; ?>" alt="<?php echo $prod_cat->name; ?>" /></a>
<?php endforeach; wp_reset_query(); ?>

#2

我假设你的主题尚无代码, 无法在首页上显示类别及其缩略图？如果是这种情况, 你将需要确定正在使用的模板, 然后很可能使用以下代码的一些变体来构建显示。注意：你将需要设置样式并构建任何其他组件以完全匹配你的显示。

<ul>
<?php
    $prod_categories = get_terms( 'product_cat', array(
        'orderby'    => 'name', 'order'      => 'ASC', 'hide_empty' => 1
    ));
    foreach( $prod_categories as $prod_cat ) :
        $cat_thumb_id = get_woocommerce_term_meta( $prod_cat->term_id, 'thumbnail_id', true );
        $cat_thumb_url = wp_get_attachment_thumb_url( $cat_thumb_id );
?>
    <li><a href="<?php echo get_category_link( $prod_cat->term_id ); ?>"><img src="<?php echo $cat_thumb_url; ?>" alt="<?php echo $prod_cat->name; ?>" /></a></li>
<?php endforeach; wp_reset_query(); ?></ul>