Onglets d'informations produit supplémentaires : installation et aide
Démarrage rapide
- Téléversez le ZIP du module via "Modules > Module Manager".
- Ouvrez Onglets produit > Onglets et ajoutez un onglet.
- Définissez Titre de l'onglet, Type de contenu et le contenu traduit.
- Sélectionnez un produit de test dans Éléments cibles et gardez Actif activé.
- Vérifiez chaque traduction et utilisez Vérifié par l'équipe si nécessaire, puis enregistrez.
- Dans Paramètres, choisissez Style d'affichage et gardez Tags intelligents activé si vous utilisez des variables produit.
- 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
- Téléversez Product Extra Info Tabs via "Modules > Module Manager".
- Ouvrez Onglets produit > Onglets dans le back-office et ajoutez un onglet.
- Saisissez Titre de l'onglet, choisissez Type de contenu et renseignez le contenu dans chaque langue.
- Dans Éléments cibles, sélectionnez un produit de test. Laissez les autres restrictions de visibilité vides pour le premier test.
- Gardez Actif activé, enregistrez et ouvrez ce produit dans la boutique.
- 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.
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
Ciblage CMS intact sélectionnant tout
Pages en cache obsolètes après modification d’un onglet
Des libellés d'administration restaient en anglais
Renforcement de la sécurité
Demandes sur les produits mal transmises
Centre de documentation vide toujours accessible
Ciblage de tous les éléments ou des mauvais produits
Échec du rendu Markdown sous PHP 7.1
Le HTML de la documentation était perdu
Les onglets ne se chargeaient pas sous PrestaShop 9
Les adresses de documentation inconnues renvoyaient une mauvaise réponse
Fil d’Ariane en double dans les données structurées de la documentation
Plusieurs titres principaux sur les pages produit
Les pages de documentation absentes causaient une erreur
Les redirections linguistiques de la documentation utilisaient une mauvaise adresse
Demandes de fonctionnalités
12
Implémenté
Espace de documentation indexable avec métadonnées SEO
Onglets d’information produit ciblés
Carrousels de produits dans les onglets
Pages de documentation autonomes
Réglages par défaut adaptés au thème
Vérification et réparation de l’installation
Mises à jour du module en un clic
Chargement des onglets à la demande
Onglets de services structurés
Blocs de code formatés dans la documentation
Variables réutilisables dans les contenus d’onglets vérifiés
Mise en cache des pages de documentation publiques
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.
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é.