Come modificare le tab prodotto di WooCommerce

Eliminare le tab prodotto di WooCommerce

Hai bisogno di eliminare una delle tab predefinite di WooCommerce? È molto semplice, ti basta modificare il file:

wp-content/themes/{nome_del_tema}/functions.php

che trovi nello spazio FTP del tuo sito, ed inserire il seguente codice:

// Rimuove le tab recensioni dalla pagina prodotto
add_filter( 'woocommerce_product_tabs', function( $tabs ) {
    unset( $tab['description'] ); // Tab descrizione
    unset( $tab['additional_information'] ); // Tab informazioni aggiuntive
    unset( $tab['reviews'] ); // Tab recensioni
    return $tabs;
}, 10 );

Ovviamente, puoi modificare lo snippet precedente per rimuovere solamente la tab che preferisci.

Modificare l'ordinamento delle tab prodotto di WooCommerce

Se invece hai bisogno di personalizzare solamente l’ordine di apparizione delle tab prodotto di WooCommerce, puoi procedere in questo modo: inserisci nel file:

wp-content/themes/{nome_del_tema}/functions.php

il codice:

// Modifica l'ordine di visualizzazione delle tab prodotto di WooCommerce
add_filter( 'woocommerce_product_tabs', function( $tabs ) {
    $tabs['description']['priority'] = 30;
    $tabs['additional_information']['priority'] = 10;
    $tabs['reviews']['priority'] = 20;
    return $tabs;
}, 10 );

In questo modo, seguendo l’ordine di priorità assegnato, le tab verranno visualizzate così:
– Informazioni aggiuntive
– Recensioni
– Descrizione

Modificare il nome delle tab prodotto di WooCommerce

Si, è possibile anche personalizzare il nome di ogni singola tab prodotto di WooCommerce! Come fare? Semplice, è sufficiente inserire nel file:

wp-content/themes/{nome_del_tema}/functions.php

il codice:

// Modifica il titolo delle tab prodotto di WooCommerce
add_filter( 'woocommerce_product_tabs', function( $tabs ) {
    $tabs['description']['title'] = __( 'Descrizione prodotto', 'woocommerce' );
    $tabs['additional_information']['title'] = __( 'Informazioni aggiuntive prodotto', 'woocommerce' );
    $tabs['reviews']['title'] = __( 'Recensioni prodotto', 'woocommerce' );
    return $tabs;
}, 10 );

Ed il gioco è fatto! Ma non è finita qui…

Aggiungere nuove tab prodotto in WooCommerce

Ti starai chiedendo: e se invece volessi aggiungere una nuova tab nella pagina prodotto di WooCommerce? Certo che è possibile!
Ti basta inserire nel file:

wp-content/themes/{nome_del_tema}/functions.php

il codice:

// Aggiunge una nuova tab prodotto in WooCommerce
add_filter( 'woocommerce_product_tabs', function( $tabs ) {
    $tabs['specifiche_tab'] = array(
        'title'     => __( 'Tab personalizzata', 'woocommerce' ),
        'priority'  => 1,
        'callback'  => function() {
            // Qui puoi inserire il contenuto
        }
    );
    return $tabs
}, 10 );

Ovviamente, non dimenticare di personalizzare il titolo della tab (nell’esempio, “Tab personalizzata”, riga 4). Nella funzione di callback, dovrai inserire le informazioni che vuoi vengano visualizzate nella tua nuova tab.