Попробуйте поместить этот код в голову вашего тела.
<?php
/**
* Display category image on category archive
*/
add_action( 'woocommerce_archive_description', 'woocommerce_category_image', 2 );
function woocommerce_category_image() {
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="' . $image . '" alt="' . $cat->name . '" />';
}
}
}
?>
Похоже, вы пытаетесь поместить изображение категории в левом верхнем углу вашего тела , поэтому яПолагайте, что вам даже не нужно добавлять CSS к коду.
Опубликуйте результаты и уточните, если я их неправильно понял.
PS Если некоторые элементы перекрываются, поиграйте с CSS.