Di recente, ho avuto la necessità di effettuare alcune modifiche su un Ecommerce, realizzato con WooCommerce, che riguardano la visualizzazione delle Categorie di appartenenza di un prodotto sopra il nome del prodotto stesso.

Per consentire di mostrare le categorie sopra il nome del prodotto, ho utilizzato uno snippet inserendolo nel file functions.php del tema child.

Eccolo:

// Visualizza il nome della categoria sopra il titolo del prodotto nella pagina Shop

function mostra_categoria_sopra_titolo_prodotto() {
    $categorie_prodotto = wp_get_post_terms( get_the_ID(), 'product_cat' );
    if ( $categorie_prodotto && ! is_wp_error( $categorie_prodotto ) ) {
        $categoria_principale = array_shift( $categorie_prodotto );
        echo '<span class="categoria-prodotto">' . esc_html( $categoria_principale->name ) . '</span>';
    }
}
add_action( 'woocommerce_before_shop_loop_item_title', 'mostra_categoria_sopra_titolo_prodotto', 10 );

Questo codice recupera la prima categoria associata a ciascun prodotto e la visualizza sopra il titolo nella pagina Shop.