Module Magento 2 Onglets supplémentaires sur la fiche produit (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
Description / Module Magento 2 Onglets supplémentaires sur la fiche produit (Custom Tabs)
MAGENTO 2 · FICHE PRODUIT · INFORMATIONS SUPPLÉMENTAIRES
Les bonnes informations dans la bonne section produit.
Kowal Custom Tab
Enrichissez la fiche produit avec vos propres onglets et sections qui récupèrent le contenu depuis les attributs. Gérez les noms, l’ordre et la visibilité dans le panneau Magento.
Contenu depuis les attributs · Sections vides masquées · Noms par Store View
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Vous créez une entrée
Vous définissez le nom, l’attribut, le statut et l’ordre.
02 · Vous complétez le produit
Vous ajoutez le contenu dans l’attribut produit assigné.
03 · La fiche affiche les informations
Le module affiche l’entrée uniquement là où elle contient du contenu.
Quels avantages pour votre boutique ?
Découvrez les fonctionnalités, les usages et les paramètres du module.
Des onglets produit flexibles sans intervenir dans le template
Kowal Custom Tab est un module Magento 2 qui permet d’enrichir rapidement la fiche produit avec vos propres onglets dynamiques. L’administrateur peut créer des sections d’information supplémentaires, les assigner à des attributs produit et contrôler leur ordre sans modifier les fichiers du thème.
Le module convient aux boutiques qui doivent présenter des informations produit supplémentaires de façon structurée : tableaux de tailles, composition, instructions d’utilisation, fichiers techniques, informations de livraison, garantie, certificats ou descriptions détaillées dépendant du produit.
Principales possibilités
- Ajout d’onglets personnalisés sur la fiche produit.
- Récupération du contenu de l’onglet depuis l’attribut produit sélectionné.
- Masquage automatique des onglets lorsque le produit ne possède pas de contenu renseigné dans l’attribut assigné.
- Gestion de l’ordre d’affichage des onglets.
- Activation et désactivation des onglets depuis le panneau d’administration.
- Prise en charge du contenu HTML et des widgets CMS rendus par le filtre Magento.
- Traduction du nom de l’onglet par Store View conformément au mécanisme de scope Magento.
- Fallback vers la valeur par défaut lorsque le nom n’a pas été remplacé pour le Store View donné.
Avantages pour la boutique
- Meilleure organisation des informations sur la fiche produit.
- Moins de travail de développement lors de l’ajout de sections produit récurrentes.
- Présentation cohérente des données supplémentaires dans de nombreuses catégories de produits.
- Possibilité d’adapter les noms des onglets aux différentes versions linguistiques de la boutique.
- Risque d’erreurs réduit dans le template, car la configuration s’effectue depuis le panneau d’administration.
Exemples d’utilisation
- Onglet 'Spécification technique' récupéré depuis un attribut produit.
- Onglet 'Tableau des tailles' visible uniquement pour les produits dont le tableau est renseigné.
- Onglet 'Mode d’emploi' pour les produits nécessitant une description supplémentaire.
- Onglet 'Composition et entretien' dans une boutique fashion.
- Onglet 'Données logistiques' dans une boutique B2B.
- Noms d’onglets distincts pour les versions polonaise, anglaise et allemande de la boutique.
À qui s’adresse ce module
Le module est destiné aux boutiques Magento 2 qui souhaitent enrichir la fiche produit avec des informations supplémentaires sans créer de modifications frontend spécifiques pour chaque onglet. Il convient particulièrement aux boutiques multilingues, aux catalogues B2B et aux déploiements dans lesquels les données produit sont maintenues dans les attributs Magento.
Onglets, sections et mise en page Full Width
Une entrée peut avoir le Display Mode Tabs ou Section. Dans une mise en page en colonnes, vous choisissez un onglet ou une section séparée. Dans la mise en page Product Full Width, toutes les entrées sont des sections.
En Full Width, le module crée une navigation flottante parmi les sections visibles. Le champ Full Page Product - floating menu sections permet de définir l’ordre, les cibles et les libellés du menu ; un champ vide rétablit la détection automatique.
Luma et adaptateur Hyvä optionnel
Le package contient Kowal_CustomTabHyva. Pour la vue boutique Hyvä, activez le module ainsi que le paramètre Hyva compatibility. Le rendu de l’adaptateur est désactivé par défaut ; l’installation sur Luma ne nécessite pas Hyvä.
Dans Hyvä, Tabs et Section sont affichés comme des cartes natives de section produit. L’adaptateur conserve l’ordre, les traductions, le masquage des attributs vides et le filtrage du contenu CMS. Le menu Full Width fonctionne uniquement lorsque le thème concerné fournit cette mise en page.
Installation via Composer
Package : kowal/module-customtab ; module : Kowal_CustomTab. Après avoir configuré l’accès au dépôt Kowal, installez le package, activez le module, effectuez la mise à jour Magento et videz le cache. Pour le mode production, incluez la compilation et le déploiement du contenu statique conformément au processus de la boutique.
De la configuration au résultat
1. Vous créez une entrée
Vous définissez le nom, l’attribut, le statut et l’ordre.
2. Vous complétez le produit
Vous ajoutez le contenu dans l’attribut produit assigné.
3. La fiche affiche les informations
Le module affiche l’entrée uniquement là où elle contient du contenu.
Le tableau des tailles là où il est nécessaire
Exemple : vous créez l’onglet « Tableau des tailles » depuis un attribut produit. Les vêtements avec un tableau renseigné affichent la section ; les produits sans contenu correspondant n’affichent pas d’onglet vide.
Vous pouvez adapter le nom séparément pour les versions polonaise, anglaise et allemande de la boutique.
Organisez les informations supplémentaires sur la fiche produit
Vous souhaitez adapter le module à votre boutique ? Demandez la mise en place de Kowal Custom Tab et discutez de la configuration ou des extensions nécessaires.
Caractéristiques
| Hyva Theme | Hyva Theme Redy |
|---|---|
| Compatibilité avec le modèle | Hyvä, Luma / Blank, KOWAL |
Notice d'installation du module
Kowal Custom Tab - installation et configuration
Prérequis
- Magento 2.4 ou version ultérieure.
- Accès au CLI Magento.
- Composer configuré pour télécharger les packages privés Kowal.
- Module de base
kowal/baseinstallé. - Droits administrateur pour le panneau Magento.
Installation via Composer
Ajoutez le dépôt du package :
Les identifiants d’accès au dépôt Composer (adresse e-mail du client et token de licence) vous seront envoyés par e-mail après l’achat. Ils sont également disponibles dans l’espace client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l’adresse e-mail de votre compte et TWOJ_TOKEN par le token reçu. Exécutez les commandes dans le répertoire racine de Magento.
composer config repositories.kowal composer https://repo.kowal.storeConfigurez les identifiants d’accès au dépôt Composer Kowal :
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'Installez le module :
composer require kowal/module-customtabEffectuez la mise à jour de Magento :
php bin/magento setup:upgradeDans un environnement de production, effectuez la compilation DI ainsi que le déploiement des ressources statiques conformément au processus du projet :
php bin/magento setup:di:compilephp bin/magento setup:static-content:deployVidez le cache :
php bin/magento cache:flushVérification de l’installation
Vérifiez que le module est actif :
php bin/magento module:status Kowal_CustomTabSi le module est inactif, activez-le :
php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flushConfiguration du module
Dans le panneau Magento, allez dans :
Stores > Configuration > Kowal > Custom Tab
Définissez l’option Enable module sur Yes, puis enregistrez la configuration et videz le cache si Magento vous le demande.
Gestion des onglets
Dans le panneau d’administration, allez dans :
Kowal > Custom Tabs > Custom Tab
Cliquez sur Add new CustomTab pour créer un nouvel onglet.
Renseignez les champs :
Name- nom de l’onglet visible sur le frontend.Field type- type de source du contenu.Attribute code- attribut produit depuis lequel le contenu de l’onglet doit être récupéré.Status- activité de l’onglet.Sort Order- ordre d’affichage de l’onglet.
Enregistrez l’onglet.
Traduction du nom de l’onglet
Le nom par défaut de l’onglet est enregistré pour store_id = 0.
Pour ajouter une traduction pour un Store View spécifique :
- Ouvrez l’onglet existant en mode édition.
- Utilisez le sélecteur Store View dans la zone supérieure droite du formulaire.
- Sélectionnez le Store View pour lequel vous souhaitez modifier le nom.
- Décochez
Use Default Valuepour le champName. - Saisissez le nom de l’onglet pour la version linguistique sélectionnée.
- Enregistrez le formulaire.
Si Use Default Value reste coché, le module utilisera la valeur par défaut de store_id = 0.
Fonctionnement sur le frontend
Le module ajoute les onglets à la section des détails du produit. L’onglet apparaît uniquement lorsque le produit possède une valeur renseignée dans l’attribut indiqué dans la configuration de l’onglet.
Pour le nom de l’onglet, le module applique un fallback :
- Nom pour le Store View actuel.
- Nom par défaut de
store_id = 0. - Valeur de la table principale des onglets, conservée pour compatibilité.
Le contenu de l’onglet est filtré par le mécanisme CMS Magento ; il peut donc contenir les balises HTML et widgets pris en charge par Magento.
Mise à jour d’une installation existante
Après la mise à jour du module vers une version prenant en charge plusieurs langues, exécutez :
php bin/magento setup:upgradephp bin/magento cache:flushLa nouvelle table de valeurs par Store View sera ajoutée par le schéma déclaratif Magento. Après le premier enregistrement d’un onglet existant, son nom par défaut sera également conservé comme enregistrement store_id = 0.
Dépannage
Si l’onglet n’apparaît pas sur le frontend :
- Vérifiez que le module est activé dans la configuration.
- Vérifiez que le
Statusde l’onglet est défini surYes. - Vérifiez que le produit possède une valeur renseignée dans l’attribut indiqué dans le champ
Attribute code. - Videz le cache Magento.
- Assurez-vous que le layout du thème rend toujours le bloc
product.info.details.
Si la traduction du nom n’apparaît pas sur le frontend :
- Vérifiez que vous modifiez le bon Store View.
- Vérifiez que
Use Default Valueest décoché pour le champName. - Enregistrez l’onglet et videz le cache.