Question

我想将woocommerce类别图像设置为标题背景。

这是archive-product.php中的标题行

<h1 class="page-title"><?php woocommerce_page_title(); ?></h1>

我写了

                <h1 style="background: url(<?php 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 ); 

    echo "<img src='{$image}' alt='' width='762' height='365' />";
}   
?>);" class="page-title"><?php woocommerce_page_title(); ?></h1>

我可以在浏览器编辑器中看到图像！但有些事情是错的。我怎么能解决这个问题？

Answer 1

<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>

            <h1 style="background: url(<?php 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 ); 

    echo "'{$image}'";
}   
?>);" class="page-title"><?php woocommerce_page_title(); ?></h1>

我关注How to display Woocommerce Category image?并设置echo "'{$image}'";
而不是echo "<img src='{$image}' alt='' width='762' height='365' />";

如何将woocommerce类别的图像设置为类别标题的背景？

1 个答案: