Home>Guide>Come modificare le tab prodotto di WooCommerce

Come modificare le tab prodotto di WooCommerce



Come impostazione perdefinita, WooCommerce mostra alcune informazioni relative ai prodotti suddivise in tre tab: Descrizione, Informazioni aggiuntive e Recensioni.
Se hai la necessità di modificare questa struttura, sei nel posto giusto. Ecco qualche semplice trucchetto per gestire le tab prodotto di WooCommerce come preferisci.
Analizziamo qualche esempio pratico.

  • Leggi l'articolo, ti bastano solo 1 minuto, 12 secondi
    Sei di fretta? Scarica il PDF e consultalo quando vuoi!

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.



Ti è piaciuto questo articolo? Regalami un click per ripagarmi dello sforzo



Code4Life ti è stato utile? Sostienici con una donazione!

Dona con PayPal

Hai trovato interessante l’articolo? Allora ti consiglio di leggere:

Come leggere tutte le immagini in una cartella con PHP


Hai la necessità di leggere e prelevare tutte le immagini presenti in una directory con PHP? Scopri come.

Come geolocalizzare un IP con PHP


Vuoi scoprire da quale luogo provengono i visitatori del suo sito web? Scopri come.

Oppure cerca tra gli articoli correlati


Qualche dubbio? Ecco le opinioni degli altri utenti

Ottimo articolo, dopo aver creato la nuova tab vorrei dare la possibilità di inserire in piena autonomia al cliente anche la scheda tecnica di ogni prodotto. Come posso fare? Grazie per il feed

In risposta a Nicola

Salve Nicola, in questo caso puoi utilizzare i campi personalizzati di WordPress e semplicemente richiamarli tramite la funzione di callback descritta nella guida. Trovi maggiori informazioni sui campi personalizzati alla pagina: https://wordpress.org/support/article/custom-fields/

E tu cosa ne pensi? Condividi la tua opinione e discutiamone insieme
La tua email non sarà resa pubblico o utilizzata per inviarti spam, te lo prometto

Iscrivimi alla newsletter per ricevere news ed aggiornamenti
Utilizziamo piattaforme di terze parti per l’invio di newsletter. (Informativa sulla privacy)
Tienimi aggiornato su questo articolo
Ricevi una email di notifica quando qualcuno scriverà un commento a questo articolo. (Informativa sulla privacy)
Ricorda i miei dati per la prossima volta che scriverò un commento
Il tuo nome e la tua email verranno salvati in un cookie in questo browser. (Informativa sulla privacy)