Modulo Magento 2 Tab aggiuntive nella scheda prodotto ( Custom Tabs )
Tab prodotto flessibili senza intervenire sul template
Kowal Custom Tab è un modulo Magento 2 che consente di arricchire rapidamente la scheda prodotto con tab personalizzate e dinamiche. L'amministratore può creare sezioni informative aggiuntive, assegnarle agli attributi del prodotto e controllarne l'ordine senza modificare i file del tema.
Il modulo è ideale per gli store che devono presentare informazioni prodotto aggiuntive in modo ordinato: tabelle taglie, composizione, istruzioni d'uso, file tecnici, informazioni sulla consegna, garanzia, certificati o descrizioni estese dipendenti dal prodotto.
Funzionalità principali
- Aggiunta di tab personalizzate nella scheda prodotto.
- Recupero del contenuto della tab da un attributo prodotto selezionato.
- Nascondimento automatico delle tab quando il prodotto non ha contenuto compilato nell'attributo assegnato.
- Gestione dell'ordine di visualizzazione delle tab.
- Attivazione e disattivazione delle tab dal pannello di amministrazione.
- Supporto per contenuti HTML e widget CMS renderizzati tramite il filtro Magento.
- Traduzione del nome della tab per Store View secondo il meccanismo di scope Magento.
- Fallback al valore predefinito quando il nome per uno specifico Store View non è stato sovrascritto.
Vantaggi per lo store
- Migliore organizzazione delle informazioni nella scheda prodotto.
- Meno lavoro di sviluppo nell'aggiunta di sezioni prodotto ricorrenti.
- Presentazione coerente dei dati aggiuntivi in molte categorie di prodotti.
- Possibilità di adattare i nomi delle tab alle diverse versioni linguistiche dello store.
- Minore rischio di errori nel template, poiché la configurazione avviene dal pannello di amministrazione.
Esempi di utilizzo
- Tab 'Specifiche tecniche' recuperata dall'attributo del prodotto.
- Tab 'Tabella taglie' visibile solo per i prodotti con tabella compilata.
- Tab 'Istruzioni d'uso' per prodotti che richiedono una descrizione aggiuntiva.
- Tab 'Composizione e cura' in uno store fashion.
- Tab 'Dati logistici' in uno store B2B.
- Nomi delle tab separati per le versioni polacca, inglese e tedesca dello store.
A chi è destinato questo modulo
Il modulo è destinato agli store Magento 2 che desiderano arricchire la scheda prodotto con informazioni aggiuntive senza creare modifiche frontend individuali per ogni tab. È particolarmente adatto agli store multilingua, ai cataloghi B2B e alle implementazioni in cui i dati prodotto sono gestiti negli attributi Magento.
Kowal Custom Tab - installazione e configurazione
Requisiti
- Magento 2.4 o versione successiva.
- Accesso alla CLI Magento.
- Composer configurato per scaricare i pacchetti privati Kowal.
- Modulo di base installato
kowal/base. - Permessi di amministratore per il pannello Magento.
Installazione tramite Composer
Aggiungi il repository del pacchetto:
composer config repositories.custom.tab vcs https://github.com/kowalco/magento-2-custom-tabSe il repository richiede autorizzazione, configura il token:
composer config --global --auth github-oauth.github.com Installa il modulo:
composer require kowal/module-customtabEsegui l'aggiornamento di Magento:
php bin/magento setup:upgradeIn ambiente di produzione esegui la compilazione DI e il deploy delle risorse statiche secondo il processo del progetto:
php bin/magento setup:di:compilephp bin/magento setup:static-content:deploySvuota la cache:
php bin/magento cache:flushVerifica dell'installazione
Controlla se il modulo è attivo:
php bin/magento module:status Kowal_CustomTabSe il modulo non è attivo, abilitalo:
php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flushConfigurazione del modulo
Nel pannello Magento vai a:
Stores > Configuration > Kowal > Custom Tab
Imposta l'opzione Enable module su Yes, quindi salva la configurazione e svuota la cache se Magento lo richiede.
Gestione delle tab
Nel pannello di amministrazione vai a:
Kowal > Custom Tabs > Custom Tab
Fai clic su Add new CustomTab per creare una nuova tab.
Compila i campi:
Name- nome della tab visibile sul frontend.Field type- tipo di sorgente del contenuto.Attribute code- attributo del prodotto da cui deve essere recuperato il contenuto della tab.Status- stato di attivazione della tab.Sort Order- ordine di visualizzazione della tab.
Salva la tab.
Traduzione del nome della tab
Il nome predefinito della tab viene salvato per store_id = 0.
Per aggiungere una traduzione per uno specifico Store View:
- Apri in modifica una tab esistente.
- Usa il selettore Store View nell'area in alto a destra del form.
- Seleziona lo Store View per cui desideri modificare il nome.
- Deseleziona
Use Default Valueaccanto al campoName. - Inserisci il nome della tab per la versione linguistica selezionata.
- Salva il form.
Se Use Default Value rimane selezionato, il modulo utilizzerà il valore predefinito da store_id = 0.
Funzionamento sul frontend
Il modulo aggiunge le tab alla sezione dei dettagli prodotto. La tab viene visualizzata solo quando il prodotto ha un valore compilato nell'attributo indicato nella configurazione della tab.
Per il nome della tab il modulo applica il fallback:
- Nome per lo Store View corrente.
- Nome predefinito da
store_id = 0. - Valore dalla tabella principale delle tab, mantenuto per compatibilità.
Il contenuto della tab viene filtrato dal meccanismo CMS Magento, quindi può contenere tag HTML e widget supportati da Magento.
Aggiornamento di un'installazione esistente
Dopo aver aggiornato il modulo alla versione con supporto multilingua, esegui:
php bin/magento setup:upgradephp bin/magento cache:flushLa nuova tabella dei valori per Store View verrà aggiunta tramite lo schema dichiarativo di Magento. Dopo il primo salvataggio di una tab esistente, il suo nome predefinito verrà salvato anche come record store_id = 0.
Risoluzione dei problemi
Se la tab non viene visualizzata sul frontend:
- Controlla che il modulo sia abilitato nella configurazione.
- Controlla che la tab abbia
Statusimpostato suYes. - Controlla che il prodotto abbia un valore compilato nell'attributo indicato nel campo
Attribute code. - Svuota la cache Magento.
- Assicurati che il layout del tema renderizzi ancora il blocco
product.info.details.
Se la traduzione del nome non viene visualizzata sul frontend:
- Controlla di modificare lo Store View corretto.
- Controlla che
Use Default Valuesia deselezionato per il campoName. - Salva la tab e svuota la cache.













