How can I set the Image of woocommerce category as the background of the category title?

Question

I want to set the woocommerce category image as the title background.

This is the title line in archive-product.php

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

I wrote

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

I can see the image in the browser editor! But something is wrong. How could I resolve that?

The question I answered ^ should give you the answer. – doublesharp Jun 18 '15 at 14:43 — doublesharp, Jun 18 '15 at 14:43
Yes, I used that answer but the image doesn't appear – B_etta Jun 18 '15 at 15:11 — B_etta, Jun 18 '15 at 15:11

score 0 · Accepted Answer · edited May 23 '17 at 12:05

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

I followed How to display Woocommerce Category image? and set echo "'{$image}'";
instead of echo "<img src='{$image}' alt='' width='762' height='365' />";

How can I set the Image of woocommerce category as the background of the category title?

1 Answers1

Linked