Le tab prodotto di WooCommerce — come “Descrizione”, “Informazioni Aggiuntive” e “Recensioni”— forniscono ai tuoi clienti delle informazioni organizzate e facilmente navigabili all’interno delle schede prodotto.
Ma sapevi che puoi personalizzare le tab per adattarle alle tue esigenze?
È possibile rimuovere, riordinare, rinominare o aggiungere nuove tab, in modo da presentare le informazioni più pertinenti per i tuoi clienti.
Con questo codice potrai riordinare le tab, mettendo al primo posto le Recensioni, poi la Descrizione del prodotto e infine la tab Informazioni aggiuntive.
add_filter( 'woocommerce_product_tabs', 'lab_reorder_tabs', 98 );
function lab_reorder_tabs( $tabs ) {
$tabs['reviews']['priority'] = 5; // 1.recensioni
$tabs['description']['priority'] = 10; // 2.Descrizione
$tabs['additional_information']['priority'] = 15; // 3.Informazioni aggiuntive
return $tabs;
}
Buon lavoro.
Perché personalizzare le tab?
Le tab di WooCommerce non sono una soluzione “taglia unica”. Forse vuoi:
✅ Aggiungere una tab con le caratteristiche del prodotto
✅ Rimuovere la tab delle informazioni aggiuntive, che per il tuo store non è importante
✅ Modificarne l’ordine o il testo, per dar maggior risalto a quanto conta di più per i tuoi clienti
Come personalizzare le tab di WooCommerce
È possibile ottenere questo risultato con il filtro woocommerce_product_tabs, che controlla come le tab vengono generate.
È sufficiente inserirlo all’interno del functions.php del tuo tema child (per mantenere le modifiche anche dopo l’ aggiornamento del tema) o in un plugin custom.
Rimuovere la tab “Informazioni Aggiuntive”
add_filter( 'woocommerce_product_tabs', 'rimuovi_scheda_informazioni_aggiuntive', 10, 1 ); function rimuovi_scheda_informazioni_aggiuntive( $tabs ) { unset( $tabs['additional_information'] ); // rimuove la tab "Informazioni Aggiuntive" return $tabs; }
Aggiungere una tab personalizzata
add_filter( 'woocommerce_product_tabs', 'aggiungi_scheda_personalizzata', 10, 1 );
function aggiungi_scheda_personalizzata( $tabs ) {
$tabs['scheda_personalizzata'] = array(
'title' => 'Dettagli Tecnici',
'priority' => 50,
'callback' => 'contenuto_scheda_personalizzata'
);
return $tabs;
}
function contenuto_scheda_personalizzata() {
echo'<h2>Dettagli Tecnici</h2>';
echo'<p>Qui potete inseririre contenuto statico o dynamic, ad es. caratteristiche del prodotto.</p>';
}
Riordinare le tab
È sufficiente settare la priority. Le tab con una priority più bassa compariranno per prime.
add_filter( 'woocommerce_product_tabs', 'riordina_schede_prodotto', 10, 1 );
function riordina_schede_prodotto( $tabs ) {
$tabs['description']['priority'] = 5;
$tabs['additional_information']['priority'] = 10;
$tabs['reviews']['priority'] = 15;
return $tabs;
}
Per il momento è tutto,, buon lavoro! 
