Toute la documentation

Product Extra Info Tabs — Documentation

Ajoute des onglets structurés aux pages produit pour les conseils d’entretien, guides des tailles, caractéristiques techniques, informations de garantie, téléchargements, formulaires de contact, recommandations de produits et documentation détaillée. Créez chaque onglet une seule fois, puis affichez-le sur les bons produits selon le produit, la catégorie, le fabricant, le fournisseur, le groupe client, l’état du stock, le pays ou un calendrier.

Product Extra Info Tabs

Product Extra Info Tabs vous permet d’ajouter des zones de contenu supplémentaires aux pages produit sans tout mélanger dans la description principale. Un seul onglet peut expliquer les conditions de livraison, afficher un guide des tailles, joindre des manuels PDF, afficher un formulaire de contact ou ajouter une documentation pour une gamme de produits précise.

Le module est conçu pour les marchands qui ont besoin d’informations produit réutilisables : rédigez un onglet une fois, choisissez où il doit s’afficher et gardez le même message cohérent dans tout le catalogue.

Compatibilité : PrestaShop 1.6 à 9.0 (dernière version), PHP 7.1+. Nous continuons à prendre en charge les prochaines versions de PrestaShop.

Configuration de Product Extra Info Tabs dans le back-office PrestaShop

Fonctionnement

Vous créez les onglets dans le back-office sous Product Tabs → Tabs. Chaque onglet possède un titre, un type de contenu, des règles de ciblage, des paramètres de visibilité et des options d’affichage.

Sur la page produit, le module utilise les hooks PrestaShop de contenu produit supplémentaire pour ajouter le contenu de l’onglet à la zone normale d’informations produit.

displayProductExtraContent
actionFrontControllerSetMedia
displayMprProductHeaderActions
displayProductVariants

Les onglets sont triés globalement selon leur position. Vous pouvez désactiver un onglet sans le supprimer, et choisir si les contenus lourds sont chargés avec la page ou uniquement lorsque le client ouvre l’onglet.

Installation

  1. Dans votre Back Office, allez dans Modules → Module Manager
  2. Cliquez sur Upload a module et sélectionnez le fichier ZIP
  3. Une fois installé, ouvrez Configure
  4. Allez dans Product Tabs → Tabs et créez votre premier onglet

Configuration

Tab Title — Le libellé affiché aux clients sur la page produit. Il est multilingue, afin que chaque langue de la boutique puisse avoir sa propre formulation.

Content Type — Choisissez ce que l’onglet affiche.

html
markdown
entities
mixed
contact
files

Tab Content — Pour les onglets HTML, utilisez l’éditeur de texte enrichi. Le texte simple, les titres, les listes, les tableaux, les images et les mises en page HTML classiques sont pris en charge.

Exemple de contenu d’onglet HTML :

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

{features}

Markdown Content — Les onglets Markdown peuvent être utilisés pour des documentations plus longues. Ils prennent en charge les titres, listes, tableaux, blocs de code et la génération de téléchargements PDF. Les pages de documentation produit utilisent ces routes :

/documentation
/documentation/{product_rewrite}

Entity Listing — Affichez des produits sélectionnés ou des pages CMS dans un onglet. C’est utile pour les accessoires, articles compatibles, pièces détachées, manuels ou guides associés.

Mixed Content — Combinez votre propre texte HTML avec des produits sélectionnés ou du contenu CMS dans le même onglet.

Contact Form — Ajoutez un formulaire de contact spécifique au produit dans un onglet. Le formulaire collecte le nom, l’adresse e-mail, le sujet et le message, et peut utiliser reCAPTCHA.

File Downloads — Téléversez des fichiers téléchargeables comme des manuels, catalogues, plans et fiches techniques.

Paramètres de fichier par défaut :

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

Ciblage et visibilité

Un onglet peut s’appliquer à tous les produits, à un seul produit ou à des groupes de produits sélectionnés via le sélecteur de ciblage. Le sélecteur prend en charge les blocs produit, catégorie, fabricant et fournisseur ; lorsque plusieurs blocs sont utilisés, un produit correspondant à n’importe quel bloc peut voir l’onglet.

Exemples de ciblage utiles :

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

Vous pouvez aussi limiter les onglets par groupe client, état du stock, pays et calendrier.

stock_visibility = all
stock_visibility = in_stock
stock_visibility = out_of_stock

Les règles de calendrier peuvent limiter un onglet à une plage de dates ou à une fenêtre hebdomadaire, par exemple pour des informations temporaires de vacances ou de campagne.

Smart Tags

Les Smart Tags insèrent automatiquement les données produit dans le contenu des onglets. Ils fonctionnent dans le contenu HTML et dans les rendus CMS/Markdown pris en charge lorsque les Smart Tags sont activés.

Paramètre par défaut :

smart_tags_enabled = 1

Les Smart Tags disponibles incluent :

{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}

Exemple :

<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}

Vous pouvez aussi afficher la sortie d’un autre hook PrestaShop :

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

Styles d’affichage

Choisissez la façon dont les onglets apparaissent sur les pages produit.

tab_display_style = tabs
tab_display_style = accordion
tab_display_style = vertical

Tabs utilise la mise en page standard des onglets produit de PrestaShop.

Accordion affiche des panneaux empilés et dépliables.

Vertical affiche une navigation latérale sur les écrans larges, avec un affichage accordion adapté au mobile en repli.

Vous pouvez également ajouter une classe CSS personnalisée ou une couleur d’en-tête d’onglet optionnelle pour chaque onglet.

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

Téléchargements, formulaires de contact et documentation

Utilisez les onglets File Downloads pour les manuels produit, PDF de garantie, fiches techniques ou fichiers d’installation. Les clients téléchargent les fichiers via le contrôleur de téléchargement sécurisé du module, et non par des chemins de fichiers directs.

Utilisez les onglets Contact Form lorsqu’un produit a besoin d’un espace de demande spécifique, comme « Demander une taille personnalisée » ou « Demander un conseil technique ». Les clients connectés ont leur nom et leur adresse e-mail préremplis.

Les paramètres de contact incluent :

recaptcha_enabled = 0
recaptcha_version = v2
contact_store_inquiries = 1
contact_email_recipient =

Utilisez les onglets Markdown pour les documentations plus longues. Le module peut afficher le contenu sur une page de documentation produit et fournir un bouton de téléchargement PDF.

Conseils

  • Créez un onglet « Livraison et retours » et ciblez tous les produits au lieu de copier le même paragraphe dans chaque description produit.
  • Utilisez le ciblage par fabricant pour la garantie de marque, l’histoire de la marque ou les informations de certification.
  • Utilisez le ciblage par catégorie pour les guides des tailles, consignes d’entretien, instructions d’installation et notes de compatibilité.
  • Utilisez les Smart Tags pour les détails propres au produit qui nécessiteraient sinon une modification manuelle.
  • Utilisez le chargement AJAX pour les onglets plus lourds, en particulier ceux qui affichent des listes de produits.
  • Gardez les titres d’onglet courts afin qu’ils s’affichent correctement sur les pages produit mobiles.
  • Utilisez les onglets de fichiers pour les PDF et documents au lieu de placer de longues listes de téléchargement dans les descriptions produit.

Questions fréquentes

Un même onglet peut-il apparaître sur des produits de différentes catégories ?
Oui. Utilisez le sélecteur de ciblage pour choisir les produits, catégories, fabricants ou fournisseurs où l’onglet doit apparaître.

Les onglets prennent-ils en charge plusieurs langues ?
Oui. Les titres et le contenu des onglets sont multilingues.

Puis-je utiliser des images dans un onglet ?
Oui. Le contenu d’un onglet HTML est rendu en HTML côté front-office, vous pouvez donc inclure des images, tableaux, liens et contenus mis en forme.

Puis-je joindre des manuels PDF ou des fiches techniques ?
Oui. Utilisez le type de contenu File Downloads et téléversez les fichiers dans l’onglet.

Les clients peuvent-ils me contacter depuis un onglet ?
Oui. Utilisez le type de contenu Contact Form. Le module peut stocker les demandes et envoyer des e-mails de notification.

Le contenu d’un onglet peut-il inclure automatiquement des données produit ?
Oui. Les Smart Tags peuvent insérer le nom du produit, la référence, le code-barres, le prix, le fabricant, le fournisseur, la quantité en stock, les caractéristiques et d’autres champs produit.

Les onglets ralentissent-ils les pages produit ?
Les onglets normaux sont inclus dans la sortie de la page produit. Pour les onglets plus lourds, activez le chargement AJAX afin que le contenu ne soit demandé que lorsque le client ouvre l’onglet.

Puis-je utiliser différentes mises en page d’onglets ?
Oui. Le module prend en charge les onglets standards, les panneaux accordion et les onglets verticaux.

Puis-je afficher un onglet uniquement lorsqu’un produit est en stock ou hors stock ?
Oui. Utilisez le paramètre de visibilité du stock : all, in_stock ou out_of_stock.

Puis-je afficher un ordre d’onglets différent selon les produits ?
L’ordre des onglets est global. Utilisez les règles de ciblage pour décider quels onglets apparaissent sur chaque produit.

Retour en haut