wordpress - woocommerce 显示带有缩略图的类别

Question

我到底想知道的是如何获得图片中的类别。（食物类型缩略图。）我有一个基于 Woo Commerce 的 Maya Shop 主题的 WordPress 网站。我尝试了菜单上的所有方法，但我没能做到。还试图用短代码摆弄一点无济于事。我是新手，我想尽可能简单。我是否必须为某些文件编写 php 代码，或者我可以做得比这更简单吗？

Answer 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(); ?>

Answer 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>