woocommerce 显示带有缩略图的类别答案

【问题标题】：woocommerce display categories with thumbnailswoocommerce 显示带有缩略图的类别
【发布时间】：2013-06-26 09:48:04
【问题描述】：

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

【问题讨论】：

标签： wordpress wordpress-theming woocommerce

【解决方案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>

【讨论】：