Product Extra Info Tabs — Documentazione

Aggiunge schede strutturate alle pagine prodotto per istruzioni di cura, guide alle taglie, specifiche tecniche, note sulla garanzia, download, moduli di contatto, consigli sui prodotti e documentazione estesa. Configuri ogni scheda una sola volta, poi la mostri sui prodotti corretti in base a prodotto, categoria, produttore, fornitore, gruppo cliente, stato dello stock, paese o pianificazione.

Product Extra Info Tabs

Product Extra Info Tabs permette di aggiungere aree di contenuto extra alle pagine prodotto senza mescolare tutto nella descrizione principale. Una singola scheda può spiegare le condizioni di consegna, mostrare una tabella taglie, allegare manuali PDF, visualizzare un modulo di contatto o aggiungere documentazione per una specifica gamma di prodotti.

Il modulo è pensato per i commercianti che hanno bisogno di informazioni prodotto riutilizzabili: scriva una scheda una volta, scelga dove deve comparire e mantenga lo stesso messaggio coerente in tutto il catalogo.

Compatibilità: da PrestaShop 1.6 a 9.0 (ultima versione), PHP 7.1+. Continuiamo a supportare le prossime versioni di PrestaShop.

Configurazione di Product Extra Info Tabs nel back office di PrestaShop

Come funziona

Le schede si creano nel back office sotto Product Tabs → Tabs. Ogni scheda ha un titolo, un tipo di contenuto, regole di targeting, impostazioni di visibilità e opzioni di visualizzazione.

Nella pagina prodotto, il modulo usa gli hook PrestaShop per i contenuti extra del prodotto per aggiungere il contenuto della scheda alla normale area delle informazioni prodotto.

displayProductExtraContent
actionFrontControllerSetMedia
displayMprProductHeaderActions
displayProductVariants

Le schede sono ordinate globalmente in base alla loro posizione. Può disattivare una scheda senza eliminarla e scegliere se i contenuti più pesanti vengono caricati con la pagina o solo quando il cliente apre la scheda.

Installazione

  1. Nel Back Office, vada su Modules → Module Manager
  2. Clicchi su Upload a module e selezioni il file ZIP
  3. Una volta installato, apra Configure
  4. Vada su Product Tabs → Tabs e crei la prima scheda

Configurazione

Tab Title — L’etichetta mostrata ai clienti nella pagina prodotto. È multilingue, quindi ogni lingua del negozio può avere una propria formulazione.

Content Type — Scelga cosa mostra la scheda.

html
markdown
entities
mixed
contact
files

Tab Content — Per le schede HTML, usi l’editor rich text. Sono supportati testo semplice, titoli, liste, tabelle, immagini e normali layout HTML.

Esempio di contenuto per scheda HTML:

<h3>Care instructions for {product_name}</h3>
<p>Reference: {product_reference}</p>
<p>Default category: {product_category}</p>

{features}

Markdown Content — Le schede Markdown possono essere usate per documentazioni più lunghe. Supportano titoli, liste, tabelle, blocchi di codice e generazione di download PDF. Le pagine di documentazione prodotto usano queste route:

/documentation
/documentation/{product_rewrite}

Entity Listing — Mostri prodotti selezionati o pagine CMS dentro una scheda. È utile per accessori, articoli compatibili, pezzi di ricambio, manuali o guide correlate.

Mixed Content — Combini il suo testo HTML con prodotti selezionati o contenuti CMS nella stessa scheda.

Contact Form — Aggiunga un modulo di contatto specifico per il prodotto dentro una scheda. Il modulo raccoglie nome, e-mail, oggetto e messaggio, e può usare reCAPTCHA.

File Downloads — Carichi file scaricabili come manuali, cataloghi, disegni e schede tecniche.

Impostazioni file predefinite:

files_max_size_mb = 10
files_allowed_extensions = pdf,doc,docx,xls,xlsx,jpg,png,gif,zip

Targeting e visibilità

Una scheda può essere applicata a tutti i prodotti, a un prodotto specifico o a gruppi di prodotti selezionati tramite il selettore di targeting. Il selettore supporta blocchi prodotto, categoria, produttore e fornitore; quando vengono usati più blocchi, un prodotto che corrisponde a uno qualsiasi di essi può vedere la scheda.

Esempi utili di targeting:

All products: leave Target Entities empty
Only selected products: choose products in Target Entities
Brand warranty tab: choose manufacturers
Category size guide: choose categories
Supplier instructions: choose suppliers

Può anche limitare le schede per gruppo cliente, stato dello stock, paese e pianificazione.

stock_visibility = all
stock_visibility = in_stock
stock_visibility = out_of_stock

Le regole di pianificazione possono limitare una scheda a un intervallo di date o a una finestra settimanale, ad esempio per avvisi temporanei legati alle festività o informazioni di campagna.

Smart Tags

Gli Smart Tags inseriscono automaticamente i dati del prodotto nel contenuto della scheda. Funzionano nei contenuti HTML e nel rendering CMS/Markdown supportato quando gli Smart Tags sono attivati.

Impostazione predefinita:

smart_tags_enabled = 1

Gli Smart Tags disponibili includono:

{product_name}
{product_reference}
{product_ean13}
{product_upc}
{product_isbn}
{product_mpn}
{product_price}
{product_category}
{product_manufacturer}
{product_supplier}
{product_weight}
{product_quantity}
{features}
{HOOK:hookName}
{HOOK:hookName:moduleName}

Esempio:

<h3>Technical details</h3>
<p><strong>Product:</strong> {product_name}</p>
<p><strong>Reference:</strong> {product_reference}</p>
<p><strong>EAN:</strong> {product_ean13}</p>
<p><strong>Current price:</strong> {product_price}</p>

{features}

Può anche stampare l’output di un altro hook PrestaShop:

{HOOK:displayProductAdditionalInfo}
{HOOK:displayProductAdditionalInfo:somecustommodule}

Stili di visualizzazione

Scelga come visualizzare le schede nelle pagine prodotto.

tab_display_style = tabs
tab_display_style = accordion
tab_display_style = vertical

Tabs usa il layout standard delle schede prodotto di PrestaShop.

Accordion mostra pannelli espandibili impilati.

Vertical mostra una navigazione laterale sugli schermi più ampi, con fallback accordion ottimizzato per mobile.

Può anche aggiungere una classe CSS personalizzata o un colore opzionale per l’intestazione della scheda per ogni scheda.

css_class = size-guide-tab
tab_header_color = #25b9d7

Download, moduli di contatto e documentazione

Usi le schede File Downloads per manuali prodotto, PDF di garanzia, schede tecniche o file di installazione. I clienti scaricano i file tramite il controller di download sicuro del modulo, non tramite percorsi file diretti.

Usi le schede Contact Form quando un prodotto richiede un’area di richiesta specifica, ad esempio “Richiedi una misura personalizzata” o “Richiedi consulenza tecnica”. I clienti connessi trovano nome ed e-mail già compilati.

Le impostazioni di contatto includono:

recaptcha_enabled = 0
recaptcha_version = v2
contact_store_inquiries = 1
contact_email_recipient =

Usi le schede Markdown per documentazioni più lunghe. Il modulo può renderizzare il contenuto su una pagina di documentazione prodotto e fornire un pulsante per scaricare il PDF.

Consigli

  • Crei una scheda “Spedizione e resi” e la indirizzi a tutti i prodotti invece di copiare lo stesso paragrafo in ogni descrizione prodotto.
  • Usi il targeting per produttore per garanzia del marchio, storia del marchio o informazioni di certificazione.
  • Usi il targeting per categoria per tabelle taglie, regole di cura, istruzioni di installazione e note di compatibilità.
  • Usi gli Smart Tags per dettagli specifici del prodotto che altrimenti richiederebbero modifiche manuali.
  • Usi il caricamento AJAX per le schede più pesanti, soprattutto quelle che mostrano elenchi di prodotti.
  • Mantenga brevi i titoli delle schede, così si adattano bene alle pagine prodotto su mobile.
  • Usi le schede file per PDF e documenti invece di inserire lunghi elenchi di download nelle descrizioni prodotto.

Domande frequenti

Una singola scheda può apparire su prodotti di categorie diverse?
Sì. Usi il selettore di targeting per scegliere prodotti, categorie, produttori o fornitori in cui la scheda deve comparire.

Le schede supportano più lingue?
Sì. I titoli e i contenuti delle schede sono multilingue.

Posso usare immagini dentro una scheda?
Sì. Il contenuto della scheda HTML viene renderizzato come HTML nel front office, quindi può includere immagini, tabelle, link e contenuti formattati.

Posso allegare manuali PDF o schede tecniche?
Sì. Usi il tipo di contenuto File Downloads e carichi i file nella scheda.

I clienti possono contattarmi dall’interno di una scheda?
Sì. Usi il tipo di contenuto Contact Form. Il modulo può memorizzare le richieste e inviare e-mail di notifica.

Il contenuto della scheda può includere automaticamente dati del prodotto?
Sì. Gli Smart Tags possono inserire nome prodotto, riferimento, codice a barre, prezzo, produttore, fornitore, quantità in stock, caratteristiche e altri campi prodotto.

Le schede rallentano le pagine prodotto?
Le schede normali sono incluse nell’output della pagina prodotto. Per le schede più pesanti, abiliti il caricamento AJAX in modo che il contenuto venga richiesto solo quando il cliente apre la scheda.

Posso usare layout di schede diversi?
Sì. Il modulo supporta schede standard, pannelli accordion e schede verticali.

Posso mostrare una scheda solo quando un prodotto è disponibile o non disponibile?
Sì. Usi l’impostazione di visibilità dello stock: all, in_stock o out_of_stock.

Posso visualizzare un ordine delle schede diverso per prodotti diversi?
L’ordine delle schede è globale. Usi le regole di targeting per decidere quali schede compaiono su ciascun prodotto.

Caricamento...
Torna su