Afficher l’image de la catégorie en front avec woocommerce

Afficher l’image de la catégorie woocommerce en front

Voici un bout de code trouvé sur le net pour afficher l’image associée à une catégorie créée dans Woocommerce :

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="" width="280"/>';
		}
	}
}

J’ai initialement trouvé le code prévu pour le fichier functions.php, je l’ai allégé pour l’insérer plutôt dans mon header, de sorte que l’image s’affiche en haut de chaque catégorie:

 <?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 );
	    if ( $image ) {
		    echo '<img class="classtopright" src="' . $image . '" alt="" width="280"/>';
		}
	}

Pour la styliser, il faut la placer correctement à l’endroit de son choix, changer la classe « classtopright » par la votre et modifiez dans le css!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.