Modulo Magento 2 Schede aggiuntive nella pagina prodotto (Custom Tabs)
- Compatibilità
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0
- Hyva Theme
- Hyva Theme Redy
Descrizione / Modulo Magento 2 Schede aggiuntive nella pagina prodotto (Custom Tabs)
MAGENTO 2 · PAGINA PRODOTTO · INFORMAZIONI AGGIUNTIVE
Le informazioni giuste nella sezione prodotto corretta.
Kowal Custom Tab
Estendi la pagina prodotto con schede e sezioni personalizzate che recuperano i contenuti dagli attributi. Gestisci nomi, ordine e visibilità dal pannello Magento.
Contenuti dagli attributi · Sezioni vuote nascoste · Nomi per Store View
COME FUNZIONA IN PRATICA
01 · Crei una voce
Imposti nome, attributo, stato e ordine.
02 · Completi il prodotto
Aggiungi il contenuto nell'attributo prodotto assegnato.
03 · La pagina mostra le informazioni
Il modulo visualizza la voce solo dove è presente un contenuto.
Cosa ottiene il tuo store?
Scopri funzioni, utilizzo e impostazioni del modulo.
Schede prodotto flessibili senza intervenire sul template
Kowal Custom Tab è un modulo Magento 2 che permette di estendere rapidamente la pagina prodotto con schede personalizzate e dinamiche. L'amministratore può creare sezioni informative aggiuntive, assegnarle agli attributi 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 schede personalizzate nella pagina prodotto.
- Recupero del contenuto della scheda da un attributo prodotto selezionato.
- Nascondimento automatico delle schede quando il prodotto non ha contenuti compilati nell'attributo assegnato.
- Gestione dell'ordine di visualizzazione delle schede.
- Attivazione e disattivazione delle schede dal pannello di amministrazione.
- Supporto per contenuti HTML e widget CMS renderizzati dal filtro Magento.
- Traduzione del nome della scheda 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 pagina 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 schede alle diverse versioni linguistiche dello store.
- Minor rischio di errori nel template, perché la configurazione avviene dal pannello di amministrazione.
Esempi di utilizzo
- Scheda 'Specifiche tecniche' recuperata dall'attributo prodotto.
- Scheda 'Tabella taglie' visibile solo per i prodotti con tabella compilata.
- Scheda 'Istruzioni d'uso' per prodotti che richiedono una descrizione aggiuntiva.
- Scheda 'Composizione e cura' in uno store fashion.
- Scheda 'Dati logistici' in uno store B2B.
- Nomi scheda separati per le versioni polacca, inglese e tedesca dello store.
A chi è destinato questo modulo
Il modulo è pensato per gli store Magento 2 che vogliono estendere la pagina prodotto con informazioni aggiuntive senza creare modifiche frontend individuali per ogni scheda. È particolarmente adatto a store multilingua, cataloghi B2B e implementazioni in cui i dati prodotto sono gestiti negli attributi Magento.
Schede, sezioni e layout Full Width
La voce può avere Display Mode Tabs o Section. Nel layout a colonne scegli una scheda o una sezione separata. Nel layout Product Full Width tutte le voci sono sezioni.
In Full Width il modulo crea una navigazione flottante tra le sezioni visibili. Il campo Full Page Product - floating menu sections consente di definire ordine, destinazioni ed etichette del menu; un campo vuoto ripristina il rilevamento automatico.
Luma e adapter Hyvä opzionale
Il pacchetto include Kowal_CustomTabHyva. Per la vista store Hyvä, abilita il modulo e l'impostazione Hyva compatibility. Il rendering dell'adapter è disattivato di default; l'installazione su Luma non richiede Hyvä.
In Hyvä sia Tabs sia Section sono visualizzati come schede native della sezione prodotto. L'adapter mantiene ordine, traduzioni, nascondimento degli attributi vuoti e filtraggio dei contenuti CMS. Il menu Full Width funziona solo se il tema specifico mette a disposizione questo layout.
Installazione tramite Composer
Pacchetto: kowal/module-customtab; modulo: Kowal_CustomTab. Dopo aver configurato l'accesso al repository Kowal, installa il pacchetto, abilita il modulo, esegui l'aggiornamento Magento e svuota la cache. Per la modalità produzione, includi la compilazione e il deployment dei contenuti statici secondo il processo dello store.
Dalla configurazione al risultato
1. Crei una voce
Imposti nome, attributo, stato e ordine.
2. Completi il prodotto
Aggiungi il contenuto nell'attributo prodotto assegnato.
3. La pagina mostra le informazioni
Il modulo visualizza la voce solo dove è presente un contenuto.
Tabella taglie dove serve
Esempio: crei una scheda «Tabella taglie» dall'attributo prodotto. I capi con tabella compilata mostrano la sezione; i prodotti senza contenuto non mostrano una scheda vuota.
Puoi adattare il nome separatamente alle versioni polacca, inglese e tedesca dello store.
Organizza le informazioni aggiuntive nella pagina prodotto
Vuoi adattare il modulo al tuo store? Richiedi l'implementazione di Kowal Custom Tab e discuti la configurazione o le estensioni necessarie.
Maggiori Informazioni
| Hyva Theme | Hyva Theme Redy |
|---|---|
| Conformità al modello | Buono, Luma / Vuoto, Fabbro |
Istruzioni per l'installazione del modulo
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 base
kowal/baseinstallato. - Permessi di amministratore per il pannello Magento.
Installazione tramite Composer
Aggiungi il repository del pacchetto:
Riceverai via e-mail i dati di accesso al repository Composer (indirizzo e-mail del cliente e token di licenza) dopo l'acquisto. Sono disponibili anche nell'area cliente dopo l'accesso su kowal.store. Sostituisci TWOJ_EMAIL_KLIENTA con l'indirizzo e-mail del tuo account e TWOJ_TOKEN con il token ricevuto. Esegui i comandi nella directory principale di Magento.
composer config repositories.kowal composer https://repo.kowal.storeConfigura i dati di accesso al repository Composer Kowal:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'Installa il modulo:
composer require kowal/module-customtabEsegui l'aggiornamento Magento:
php bin/magento setup:upgradeIn ambiente di produzione, esegui la compilazione DI e il deployment 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 che il modulo sia 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 schede
Nel pannello di amministrazione vai a:
Kowal > Custom Tabs > Custom Tab
Fai clic su Add new CustomTab per creare una nuova scheda.
Compila i campi:
Name- nome della scheda visibile sul frontend.Field type- tipo di origine del contenuto.Attribute code- attributo prodotto da cui deve essere recuperato il contenuto della scheda.Status- attività della scheda.Sort Order- ordine di visualizzazione della scheda.
Salva la scheda.
Traduzione del nome della scheda
Il nome predefinito della scheda viene salvato per store_id = 0.
Per aggiungere una traduzione per uno Store View specifico:
- Apri una scheda esistente in modifica.
- Usa il selettore Store View nell'area in alto a destra del modulo.
- Seleziona lo Store View per cui vuoi modificare il nome.
- Deseleziona
Use Default Valueaccanto al campoName. - Inserisci il nome della scheda per la versione linguistica selezionata.
- Salva il modulo.
Se Use Default Value rimane selezionato, il modulo userà il valore predefinito da store_id = 0.
Funzionamento sul frontend
Il modulo aggiunge le schede alla sezione dei dettagli prodotto. La scheda appare solo quando il prodotto ha un valore compilato nell'attributo indicato nella configurazione della scheda.
Per il nome della scheda, il modulo applica il fallback:
- Nome per lo Store View corrente.
- Nome predefinito da
store_id = 0. - Valore dalla tabella principale delle schede, mantenuto per compatibilità.
Il contenuto della scheda 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 a una versione con supporto multilingua, esegui:
php bin/magento setup:upgradephp bin/magento cache:flushLa nuova tabella dei valori per Store View verrà aggiunta dallo schema dichiarativo Magento. Dopo il primo salvataggio di una scheda esistente, il suo nome predefinito verrà salvato anche come record store_id = 0.
Risoluzione dei problemi
Se la scheda non appare sul frontend:
- Controlla che il modulo sia abilitato nella configurazione.
- Controlla che la scheda 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 appare sul frontend:
- Controlla di modificare lo Store View corretto.
- Controlla che
Use Default Valuesia deselezionato per il campoName. - Salva la scheda e svuota la cache.