Hola Pablo,
En este caso lo que puedes probar es mostrar la misma imagen de las categorías en las páginas de archivos de los productos, para ello puedes probar utilizar el siguiente código en el function.php de tu tema o un plugin como code snippets
/**
* 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_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<img src="' . $image . '" alt="' . $cat->name . '" />';
}
}
}
Una vez lo añadas esto despliega la imagen que asignes a tu categoría, por lo que necesitaras subirla en la sección correcta
Luego de configurar estos cambios, añade el siguiente código CSS en Apariencia → personalizar → CSS adicional para que se ajusten bien la imagen como deseas
.woocommerce-products-header {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.woocommerce-products-header img {
width: 100px;
}
.term-description {
margin-left: 20px;
width: 70%;
}
@media only screen and (max-width: 600px) {
.term-description {
margin-left: 10px;
width: 100%;
}
}
Guarda los cambios y revisa si con ello se muestra lo que necesitas en la página de tus categorías.
Un Saludo