Question

使用此插件可以处理常规wordpress类别： https://wordpress.org/plugins/categories-images/ 然后在另一个线程上建议将category.php模板添加到category.php模板中。

<?php if (function_exists('z_taxonomy_image_url')) { ?>
<img src="<?php echo z_taxonomy_image_url(); ?>" alt="<?php the_title(); ?>" />
<?php } ?>

我想对产品类别做同样的事情。实际上，理想情况下，我希望能够为每个类别添加背景图像，以便描述文本可以覆盖到顶部，就像这个商店的工作方式一样： http://www.natures-own.co.uk/Antioxidants/

这是否可以通过一些次要的代码调整，或者更好的是还有一个与我使用的wordpress插件相当的woocommerce？

我无法在任何地方找到任何资源，我在搜索时找到的所有内容都只是指我所看到的类别列表的缩略图！

提前致谢

Pat

Answer 1

您可以在archive-product.php之后将<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>文件添加到if (is_product_category()) { global $wp_query; $cat = $wp_query->get_queried_object(); $thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true ); // get the image URL $image = wp_get_attachment_url( $thumbnail_id ); //if you only want the image, uncomment the two lines below //list($width, $height) = getimagesize($image); //echo '<img src="'.$image.'" alt="" width="'.$width.'" height="'.$height.'"/>'; $cat_id=$cat->term_id; $prod_term=get_term($cat_id,'product_cat'); $description=$prod_term->description; echo '<div class="category-description" style="background-image:url('.$image.');">'.$description.'</div>'; } if if语句：

，以添加类别图像和说明。

{{1}}

Answer 2

显示Woocommerce类别图像

使用此代码 -

add_action('woocommerce_archive_description', 'woocommerce_add_category_image', 20);
function woocommerce_add_category_image()
{
    global $product;
    if (is_product_category())
    {
        global $wp_query;
        $cat = $wp_query->get_queried_object();
        $thumbnail_id = get_woocommerce_term_meta($cat->term_id, 'thumbnail_id', true);
        $image = wp_get_attachment_url($thumbnail_id);
        if ($image)
        {
            echo '<img src="' . esc_url($image) . '" alt="" />';
        }
    }
   }

使用wordpress的Woocommerce - 如何显示类别图像？

2 个答案: