Onglets d'informations produit supplémentaires : installation et aide

Démarrage rapide

  1. Téléversez le ZIP du module via "Modules > Module Manager".
  2. Ouvrez Onglets produit > Onglets et ajoutez un onglet.
  3. Définissez Titre de l'onglet, Type de contenu et le contenu traduit.
  4. Sélectionnez un produit de test dans Éléments cibles et gardez Actif activé.
  5. Vérifiez chaque traduction et utilisez Vérifié par l'équipe si nécessaire, puis enregistrez.
  6. Dans Paramètres, choisissez Style d'affichage et gardez Tags intelligents activé si vous utilisez des variables produit.
  7. Ouvrez le produit de test et confirmez l'onglet, puis testez les actions de demande, fichier ou documentation.

Nécessite PrestaShop 1.6.1 ou ultérieur et PHP 7.1 ou ultérieur.

Votre thème doit prendre en charge le hook de contenu supplémentaire produit.

Manuel de configuration

Installer et créer votre premier onglet

  1. Téléversez Product Extra Info Tabs via "Modules > Module Manager".
  2. Ouvrez Onglets produit > Onglets dans le back-office et ajoutez un onglet.
  3. Saisissez Titre de l'onglet, choisissez Type de contenu et renseignez le contenu dans chaque langue.
  4. Dans Éléments cibles, sélectionnez un produit de test. Laissez les autres restrictions de visibilité vides pour le premier test.
  5. Gardez Actif activé, enregistrez et ouvrez ce produit dans la boutique.
  6. Vérifiez le contenu, puis étendez le ciblage aux produits souhaités.

Nécessite PrestaShop 1.6.1 ou ultérieur et PHP 7.1 ou ultérieur.

Votre thème doit prendre en charge le hook de contenu supplémentaire produit.

Le menu du module contient Tableau de bord, Onglets, Demandes, Analytique et Paramètres. L'écran de configuration contient les paramètres Affichage, Couleurs, Formulaire de contact, Téléversements de fichiers et Génération par IA.

Affichage et couleurs

Paramètre Valeur par défaut Votre action
Style d'affichage PrestaShop par défaut (onglets), tabs Choisissez "Accordion" (accordion) ou "Vertical" (vertical) pour une autre présentation. Vérifiez le repli en accordéon sur mobile dans votre thème.
Tags intelligents Oui Active le traitement des shortcodes produit et hook dans les contenus d'onglet pris en charge.
Couleurs personnalisées Non Activez pour appliquer le jeu de couleurs personnalisé des onglets.
Détection automatique depuis le thème Oui Utilise les couleurs détectées du thème lorsque les couleurs personnalisées sont actives.
Arrière-plan de l'en-tête d'onglet Vide Définissez le fond des en-têtes inactifs avec les couleurs manuelles.
Texte de l'en-tête d'onglet Vide Définissez la couleur du texte des en-têtes inactifs.
Arrière-plan de l'onglet actif Vide Définissez le fond de l'en-tête actif.
Texte de l'onglet actif Vide Définissez la couleur du texte de l'en-tête actif.
Arrière-plan du contenu Vide Définissez le fond du panneau.
Couleur de bordure Vide Définissez les bordures du panneau.

Enregistrez et vérifiez l'affichage natif, en accordéon ou vertical sur une page produit. Un thème qui n'affiche pas displayProductExtraContent doit être modifié pour que ces présentations apparaissent.

Éditeur d'onglets et types de contenu

Titre de l'onglet est multilingue et initialement vide. Type de contenu utilise Contenu HTML par défaut. L'éditeur actuel propose sept choix :

Type de contenu Ce que vous configurez
Contenu HTML (html) Saisissez du texte enrichi multilingue dans Contenu de l'onglet.
Markdown (markdown) Saisissez Contenu Markdown et éventuellement "Documentation Meta Description".
Liste des éléments (entities) Choisissez les produits, pages CMS ou catégories CMS à afficher dans Éléments affichés.
HTML + Liste d'entités (mixed) Définissez Contenu de l'onglet et Éléments affichés.
Formulaire de contact (contact) Affiche le formulaire de demande produit du module ; configurez les paramètres globaux Formulaire de contact.
Téléchargements de fichiers (files) Téléversez les fichiers dans Pièces jointes.
Offre de services (service) Saisissez un JSON du service structuré multilingue à partir des exemples de l'éditeur.

Ne confondez pas Éléments affichés, qui sélectionne le contenu dans l'onglet, avec Éléments cibles, qui sélectionne les produits recevant l'onglet. Un Éléments affichés vide signifie aucun élément à afficher.

Offre de services

Utilisez schema_version 1 et une family parmi audit, advisory, build ou care. Partez des exemples affichés dans l'éditeur. Le rendu prend en charge titres, introduction, aperçu, groupes de périmètre, processus, preuves, détails de famille, FAQ, appel à l'action et produits associés.

L'éditeur documente des limites de 8 éléments d'aperçu, 8 groupes de périmètre, 8 puces par groupe, 6 étapes de processus, 10 entrées FAQ et 6 produits associés. Les chaînes en ligne autorisent a, strong, em, code et br. Un JSON invalide, une version de schéma manquante ou une famille invalide empêche un enregistrement valide du service. Ce type n'est pas du contenu HTML sans restriction.

Vérifier le contenu traduit

L'éditeur inclut des cases Vérifié par l'équipe: LANGUAGE. Lisez l'intégralité du titre, contenu et méta-description traduits avant de marquer une traduction vérifiée. Le contenu importé ou généré par IA nécessite cette vérification avant la résolution des variables publiées. La vérification est liée à la source localisée ; la modifier peut invalider la vérification précédente.

Ciblage, planification et valeurs de l'éditeur

Champ Valeur d'un nouvel onglet Fonction
Éléments cibles Sélection vide Vide signifie tous les produits. Sélectionnez produits, catégories, fabricants ou fournisseurs pour limiter le périmètre.
Groupes de clients Vide Aucune restriction de groupe. Sélectionnez des groupes pour limiter la visibilité.
Visibilité selon le stock all Choisissez in_stock pour une quantité supérieure à zéro ou out_of_stock pour zéro ou moins.
Ciblage par pays Vide Aucune restriction de pays. Sélectionnez pays ou zones via le sélecteur.
Planification Désactivé Configurez une plage de dates et/ou une fenêtre horaire hebdomadaire. Vérifiez l'heure serveur/boutique utilisée par votre installation.
Nom interne Vide Libellé privé d'organisation.
Couleur de l'en-tête d'onglet Vide Accent facultatif par onglet, tel que #25b9d7.
Icône Vide Nom Material Icons facultatif pour l'affichage accordéon/vertical.
Classe CSS Vide Classe de conteneur facultative pour les styles du thème.
Actif Oui Désactive l'onglet sans le supprimer.
Chargement AJAX Non Demande le contenu lorsque le client ouvre l'onglet.

Les nouveaux onglets reçoivent la prochaine position disponible plutôt qu'une position fixe de 0. Utilisez l'ordre des positions dans la liste pour les organiser.

La visibilité des onglets suit les sélections produit et géographiques enregistrées, les groupes de clients, le planning, le contenu disponible et le stock. Le pays provient d'une adresse client, du pays/de la géolocalisation PrestaShop, d'un cookie ou du pays par défaut.

Si la projection de sélection enregistrée est indisponible, les onglets correspondants peuvent être masqués. Enregistrez à nouveau un onglet maîtrisé et inspectez les erreurs d'intégrité/sélection du module avant de modifier du contenu sans rapport.

Tags intelligents et contenu de hook

Avec Tags intelligents activé, vous pouvez insérer {product_name}, {product_reference}, {product_ean13}, {product_upc}, {product_isbn}, {product_mpn}, {product_price}, {product_category}, {product_manufacturer}, {product_supplier}, {product_weight}, {product_quantity} et {features}.

Par exemple :

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

Les shortcodes de hook acceptent un nom de hook et un nom de module facultatif :

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

Un module nommé doit exister et fournir la sortie du hook concerné. Testez sur votre page produit. Les exemples source dans les segments ou blocs de code Markdown sont traités comme du code plutôt que comme du texte à substituer.

Paramètres du formulaire de contact

Paramètre Valeur par défaut Votre action
Activer reCAPTCHA Non Activez après avoir saisi les clés adaptées à la version choisie.
Version reCAPTCHA v2 Choisissez v2 avec case ou v3 invisible.
Clé de site reCAPTCHA Vide Saisissez la clé publique.
Clé secrète reCAPTCHA Vide Saisissez la clé correspondante de vérification serveur.
Demandes en magasin Oui Enregistre les demandes acceptées dans la base du module.
E-mail de notification Vide Utilise l'e-mail de la boutique si vide, ou saisissez le destinataire souhaité.

L'option Demandes en magasin contrôle l'enregistrement des demandes dans la base de données. Le formulaire produit collecte nom, e-mail, sujet et message. Un message exige au moins 10 caractères. Avec reCAPTCHA activé, testez le défi et la vérification serveur ; un secret manquant n'offre pas de vérification serveur efficace. V3 compare le score retourné à 0.5 lorsqu'un score existe.

Envoyez une demande de test et vérifiez Demandes ainsi que la boîte du destinataire. Si la demande est enregistrée mais que l'e-mail échoue, le visiteur voit une confirmation de l'enregistrement sans être invité à renvoyer. Si le stockage est désactivé et l'e-mail échoue, il voit un message d'échec.

Paramètres des téléversements de fichiers

Paramètre Valeur par défaut Votre action
Taille max. du fichier (Mo) 10 Sélectionnez 1, 2, 5, 10, 20 ou 50 Mo. Les limites PHP de téléversement du serveur s'appliquent aussi.
Extensions autorisées pdf,doc,docx,xls,xlsx,jpg,png,gif,zip Sélectionnez les extensions autorisées de documents, images et archives dans la liste de cases.

Enregistrez un onglet Téléchargements de fichiers, puis ajoutez ses Pièces jointes. Le processus PHP nécessite un répertoire modules/mprproducttabs/uploads/ accessible en écriture. Les téléversements vérifient la taille et l'extension configurées et créent des enregistrements de pièces jointes avec des noms de stockage générés.

Testez chaque téléchargement depuis un produit correspondant. Un téléchargement nécessite les identifiants du produit et du fichier, un fichier actif et un onglet de fichiers accessible à ce produit et à ce visiteur. Ces téléversements ne constituent pas un stockage de documents privés.

Documentation Markdown et PDF

Les onglets Markdown peuvent exposer les routes /documentation et /documentation/{product_rewrite}. La page autonome affiche la documentation admissible pour le produit et la langue/boutique actuelle. Le centre de documentation répertorie les onglets Markdown directement liés à un produit ; les onglets ciblés uniquement par des sélections plus larges n'y figurent pas. Ouvrez la route souhaitée après enregistrement.

Utilisez des chapitres Markdown et des tags produit, par exemple :

# Installation guide for {product_name}

## Before you start {#manual-before-you-start}
Check the product reference: {product_reference}

## Product data {#manual-product-data}
{features}

Le module peut générer un PDF depuis le contenu Markdown admissible. Vérifiez le fichier généré, surtout avec du HTML complexe, des images et de longs tableaux.

Le centre de documentation et la documentation produit autonome prennent en charge l'indexation, hreflang, les sitemaps et schema. L'indexation est autorisée par défaut ; la politique SEO partagée peut la modifier. Inspectez les métadonnées robots finales et la sortie sitemap de votre boutique.

Paramètres de génération par IA

Paramètre Valeur par défaut Votre action
Activer la génération IA Non Activez l'assistance IA de l'éditeur si vous souhaitez l'utiliser.
Fournisseur par défaut openai Choisissez le fournisseur configuré.
Clé API OpenAI Vide Saisissez votre clé fournisseur.
Modèle OpenAI gpt-4o-mini Sélectionnez un modèle pris en charge par votre compte fournisseur et cette intégration.
Clé API Gemini Vide Saisissez votre clé fournisseur Google.
Modèle Gemini gemini-2.0-flash Sélectionnez le modèle Gemini souhaité.
Clé API Claude Vide Saisissez votre clé Anthropic.
Modèle Claude claude-sonnet-4-5-20250929 Sélectionnez le modèle Claude souhaité.

Le générateur construit une instruction à partir du contexte instruction/produit sélectionné et l'envoie au fournisseur. Vérifiez et modifiez le résultat dans chaque langue, puis utilisez les contrôles de révision du personnel avant de compter sur l'expansion des variables.

Analytique, import et export

Utilisez Tableau de bord et Analytique pour examiner vues d'onglets, empreintes de session, revisites et durée de consultation. Le script frontal transmet les événements au contrôleur analytique sans ajouter de cookie analytique dédié. Considérez ces valeurs comme des mesures d'interaction avec les onglets plutôt que comme des totaux de ventes.

La liste Onglets prend en charge l'import/export des enregistrements d'onglets et des champs multilingues. Exportez un exemple avant de préparer un import pour utiliser les vrais champs. Après import, vérifiez ciblage, traductions, révision du personnel et pièces jointes. Un export des seules lignes d'onglets n'est pas une sauvegarde complète des fichiers téléversés ou de l'historique des demandes.

Vérifier, dépanner et styliser

Vérifiez un produit correspondant et un non correspondant, puis testez séparément les restrictions de groupe, pays, stock et planning. Testez les onglets AJAX en les ouvrant et en inspectant la requête de fragment. Le contenu initial de la page n'inclut pas tous les contenus différés.

Si un onglet manque, vérifiez Actif, le contenu traduit, Éléments cibles et chaque restriction. Si les données sont admissibles mais qu'aucun onglet produit n'apparaît, inspectez la prise en charge de displayProductExtraContent par le thème. Si un téléversement échoue, vérifiez extensions autorisées, taille définie dans le module, limites PHP et permissions du répertoire. Si l'e-mail ou l'IA échoue, vérifiez le transport e-mail natif ou la réponse du fournisseur.

Pour styliser un onglet particulier, définissez Classe CSS sur installation-files-tab, puis utilisez le CSS du thème :

.mpr-product-tab.installation-files-tab .mpr-product-tab-content {
  border-left: 3px solid #25b9d7;
  padding-left: 1rem;
}
.mpr-product-tab.installation-files-tab .mpr-files-list {
  gap: 0.75rem;
}

Désinstaller

Exportez les enregistrements d'onglets nécessaires et sauvegardez séparément demandes, données analytiques et fichiers téléversés. La désinstallation supprime les tables, la configuration, les entrées administratives et l'inscription à Theme Detector du module. Sa méthode de désinstallation ne supprime pas explicitement le répertoire des téléversements. Désactivez des onglets ou le module pour suspendre l'affichage en conservant les données.

Questions

1

Quelles données les statistiques des onglets enregistrent-elles ?

Le point d'accès analytique supprime les en-têtes de cookies et calcule une empreinte de session quotidienne à partir de l'adresse IP du visiteur, de l'agent utilisateur du navigateur et de la date. Il stocke cette empreinte avec les identifiants d'onglet et de produit, les vues, les revisites et la durée de consultation. Les demandes de contact sont distinctes : si Demandes en magasin est activé, le nom, l'e-mail, le sujet et le message de l'expéditeur peuvent être stockés.

Problèmes connus

16

Liens Markdown absents autour du HTML en ligne

RésoluMis à jour :
Corrigé dans : 2.12.4
Le HTML en ligne pouvait désactiver les liens Markdown, et les liens automatiques ne respectaient pas toujours les règles d’URL de Markdown.

Ciblage CMS intact sélectionnant tout

RésoluMis à jour :
Corrigé dans : 2.12.4
L’enregistrement d’un sélecteur de page ou de catégorie CMS laissé intact pouvait appliquer un onglet plus largement que prévu.

Pages en cache obsolètes après modification d’un onglet

RésoluMis à jour :
Corrigé dans : 2.12.4
La modification d’un onglet ne demandait pas toujours l’actualisation du cache des pages dans toutes les boutiques concernées.

Des libellés d'administration restaient en anglais

RésoluMis à jour :
Corrigé dans : 2.12.4
Certains paramètres et libellés courts de l'administration n'utilisaient pas les traductions disponibles.

Renforcement de la sécurité

RésoluMis à jour :
Corrigé dans : 2.12.4
Renforcement de la sécurité.

Demandes sur les produits mal transmises

RésoluMis à jour :
Corrigé dans : 2.10.0
Les demandes sur les produits pouvaient contourner le service de messagerie configuré ou contenir des détails inexacts.

Centre de documentation vide toujours accessible

RésoluMis à jour :
Corrigé dans : 2.10.0
Le centre de documentation pouvait afficher une page vide au lieu d’une réponse de page introuvable lorsqu’aucun contenu n’était publié.

Ciblage de tous les éléments ou des mauvais produits

RésoluMis à jour :
Corrigé dans : 2.10.0
Les sélecteurs de ciblage laissés intacts pouvaient sélectionner toutes les entités, et les ciblages par catégorie, marque ou fournisseur ne correspondaient pas toujours aux produits prévus.

Échec du rendu Markdown sous PHP 7.1

RésoluMis à jour :
Corrigé dans : 2.10.0
Le moteur de rendu Markdown ne pouvait pas fonctionner dans l’environnement PHP 7.1 pris en charge.

Le HTML de la documentation était perdu

RésoluMis à jour :
Corrigé dans : 2.8.4
Les onglets de documentation enregistrés pouvaient perdre une mise en forme HTML de confiance.

Les onglets ne se chargeaient pas sous PrestaShop 9

RésoluMis à jour :
Corrigé dans : 2.8.4
L'ouverture d'un onglet pouvait produire une erreur sous PrestaShop 9 au lieu d'afficher son contenu.

Les adresses de documentation inconnues renvoyaient une mauvaise réponse

RésoluMis à jour :
Corrigé dans : 2.8.4
Les requêtes de documentation inexistante pouvaient ne pas renvoyer une réponse correcte de page introuvable et conserver des liens de langue inappropriés.

Fil d’Ariane en double dans les données structurées de la documentation

RésoluMis à jour :
Corrigé dans : 2.8.4
Les pages de documentation pouvaient publier des données structurées de fil d’Ariane en double.

Plusieurs titres principaux sur les pages produit

RésoluMis à jour :
Corrigé dans : 2.8.4
L’introduction d’une documentation pouvait ajouter un deuxième titre principal à une page produit.

Les pages de documentation absentes causaient une erreur

RésoluMis à jour :
Corrigé dans : 2.0.10
La demande d'une page de documentation absente pouvait produire une erreur de page au lieu de l'affichage habituel de page introuvable.

Les redirections linguistiques de la documentation utilisaient une mauvaise adresse

RésoluMis à jour :
Corrigé dans : 2.0.10
Les redirections de documentation pouvaient être temporaires ou envoyer les lecteurs vers l'adresse de la mauvaise langue.

Demandes de fonctionnalités

12

Implémenté

Espace de documentation indexable avec métadonnées SEO

Implémenté
La documentation produit publiée dispose de pages autonomes et d’un espace central avec des métadonnées SEO. Le statut de publication et les règles SEO déterminent l’indexation.

Onglets d’information produit ciblés

Implémenté
Créez des onglets produit personnalisables et attribuez-les à des produits, catégories, marques ou fournisseurs.

Carrousels de produits dans les onglets

Implémenté
Affichez les produits sélectionnés dans les onglets avec des cartes produit cohérentes avec le thème et un carrousel.

Pages de documentation autonomes

Implémenté
Publiez des pages de documentation en complément des onglets produit et ajoutez des liens vers elles depuis les pages produit.

Réglages par défaut adaptés au thème

Implémenté
Appliquez des styles d’onglets par défaut adaptés au thème détecté de la boutique.

Vérification et réparation de l’installation

Implémenté
Vérifiez les prérequis d’installation et réparez les éléments manquants de l’infrastructure du module depuis le back-office.

Mises à jour du module en un clic

Implémenté
Recherchez et installez les mises à jour du module depuis le back-office.

Chargement des onglets à la demande

Implémenté
Chargez les contenus lourds des onglets à leur ouverture et conservez une courte introduction à la documentation dans la page produit initiale.

Onglets de services structurés

Implémenté
Présentez des contenus structurés d’offres de services dans des onglets produit dédiés.

Blocs de code formatés dans la documentation

Implémenté
Affichez des exemples de code formatés sur les pages de documentation.

Variables réutilisables dans les contenus d’onglets vérifiés

Implémenté
Remplacez les variables de contenu réutilisables dans les onglets, la documentation et les contenus de services rédigés par le personnel et vérifiés, ainsi que dans les PDF générés.

Mise en cache des pages de documentation publiques

Implémenté
Permettez aux outils de performance compatibles de mettre en cache les pages de documentation publiques et de les actualiser lorsque leur contenu change.

Journal des modifications

v2.0.132026-05-27

  • AddedFinalize documentation hub SEO cleanup
  • Addedcomplete FR/DE/ES/IT/PL translations
  • FixedNofollow PDF tab action links
  • FixedPreserve trusted HTML in documentation tabs
  • FixedAdd standard infrastructure checks, tag quality/monitoring checks
  • FixedUse pretty /documentation/ URL in cross-language redirect
Versions précédentes

v1.6.02026-04-20

  • AddedStandalone documentation pages with CTA on product tabs
  • AddedUse showcase carousel for entity tabs instead of static grid
  • Addedautomatic theme detection for Classic and Hummingbird style compatibility
  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations
  • ImprovedSimplify docs CTA — unique intro paragraph, no word count
  • Improvedadmin list columns with visual badge indicators and multiselect filters
  • Improvedsettings form organization with tabbed layout
  • FixedOverride getAlternativeLangsUrl for clean /documentation/ URLs in JS
  • FixedDocs controller 404 returns 500 — redirect to pagenotfound with exit
  • FixedRemove redundant TechArticle JSON-LD — seorevolution handles schema
  • Fixedvarious stability and compatibility improvements (5 fixes total)
  • Fixedadmin list filters — sorting, searching, and filtering now work correctly on all columns

v1.4.02025-10-07

  • Addedmanufacturer-scoped tabs — assign content to all products from a brand
  • Addedsupplier-scoped tabs with multi-supplier support per product
  • ImprovedTinyMCE editor compatibility with PS 8.x back office

v1.3.02025-07-22

  • Addedtab visibility rules: logged-in only, customer group, or public
  • Addedicon picker per tab (FontAwesome)
  • Fixedcategory-scoped tabs not inheriting to subcategory products

v1.5.02025-06-04

  • AddedPS 9 / Hummingbird theme compatibility with Bootstrap 5.3 tab component
  • Addedstacked (accordion) layout option alongside classic tabbed layout
  • AddedAJAX content loading for heavy tab content — reduces initial page weight
  • Improvedtab sorting via drag-and-drop in back office
  • Fixedtab content not rendering for guest customers on cached pages

v1.2.02025-05-19

  • Addedtab ordering with numeric priority field
  • Addedrich-text (HTML) tab content editor in back office
  • Improvedmobile layout — tabs collapse to accordion on small screens

v1.1.02025-04-03

  • Addedglobal tabs — appear on all products by default
  • Addedper-product tab override to hide global tabs selectively
  • Fixedtab rendering on quick-view modal overlay

v1.0.02025-02-24

  • Initialrelease: extra content tabs on PrestaShop product pages
  • InitialCategory-scoped and product-specific tab types
  • InitialBack-office tab manager with title, content, and active toggle
  • InitialCompatible with PS 1.7.x and PS 8.x

Demo

Testez le module complet avant d'acheter

Achetez la licence plus tard et gardez vos réglages.

  • Votre démo de 30 jours Testez-le sur votre propre boutique pendant 30 jours à partir de la première installation.
  • Boutique de démo prête Découvrez une boutique de démo prête dans votre navigateur.
  • Sans inscription Ni compte, ni e-mail, ni domaine de boutique requis.
Lancer la boutique de démo

En téléchargeant, vous acceptez les conditions de la démo et la politique de confidentialité.

En ouvrant cette démo, vous acceptez les conditions de la démo et la politique de confidentialité.

Chargement...
Retour en haut