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!
Sommario
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.
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