首页 文章

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

提问于
浏览 次
0

使用此插件可以使用常规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？

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

提前致谢

拍

wordpress image woocommerce category

2 回答

  • 0

    显示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="" />';
        }
    }
   }
    回复于
  • 0

    您可以通过在 <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?> 之后将以下内容添加到 archive-product.php 文件来添加类别图像和描述：if语句：

    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>';
}
    回复于

相关问题