Module Magento 2 Onglets supplémentaires sur la fiche produit (Custom Tabs)

Le module Kowal CustomTab permet d’ajouter dynamiquement des onglets personnalisés (tabs) aux fiches produits dans Magento 2.
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
30,75 €
Envoyer à un ami

Demander des informations sur ce produit

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/base installé.
  • 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.store

Configurez 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-customtab

Effectuez la mise à jour de Magento :

php bin/magento setup:upgrade

Dans 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:deploy

Videz le cache :

php bin/magento cache:flush

Vérification de l’installation

Vérifiez que le module est actif :

php bin/magento module:status Kowal_CustomTab

Si le module est inactif, activez-le :

php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flush

Configuration 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 :

  1. Ouvrez l’onglet existant en mode édition.
  2. Utilisez le sélecteur Store View dans la zone supérieure droite du formulaire.
  3. Sélectionnez le Store View pour lequel vous souhaitez modifier le nom.
  4. Décochez Use Default Value pour le champ Name.
  5. Saisissez le nom de l’onglet pour la version linguistique sélectionnée.
  6. 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 :

  1. Nom pour le Store View actuel.
  2. Nom par défaut de store_id = 0.
  3. 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:flush

La 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 Status de l’onglet est défini sur Yes.
  • 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 Value est décoché pour le champ Name.
  • Enregistrez l’onglet et videz le cache.
Cliquer pour passer le carrousel

Nous avons trouvé d'autres produits qui pourraient vous plaire !

Rédigez votre propre commentaire
Vous commentez : Module Magento 2 Onglets supplémentaires sur la fiche produit (Custom Tabs)
Votre notation:
Prix
Qualité
Assistance
loader
Chargement...

Votre évaluation est enrégistrée avec succès. Merci.

Questions et réponses

Question
Que fait le module Custom Tabs et comment enrichit-il la page produit ?
Réponse
Le module permet d’ajouter dynamiquement des onglets personnalisés (tabs) aux fiches produits dans Magento 2. Chaque onglet peut être associé à un attribut produit spécifique, ce qui permet de présenter des informations supplémentaires, par exemple des spécifications techniques ou des avis, sans modifier le code de la boutique.
Question
Comment se déroulent la configuration et la gestion des onglets ? Est-ce compliqué ?
Réponse
La configuration s’effectue depuis le panneau d’administration Magento. L’administrateur peut ajouter de nouveaux onglets, modifier ceux qui existent, supprimer ceux qui sont inutiles, définir leurs noms, attribuer des attributs de produits ainsi que définir leur statut (actif/inactif) et l’ordre d’affichage. Toutes ces actions s’effectuent dans une interface intuitive, sans avoir besoin d’intervenir dans le code
Question
Quels sont les avantages d’ajouter des onglets personnalisés sur la fiche produit ?
Réponse
Grâce aux onglets, vous pouvez fournir aux clients un contenu plus personnalisé et plus détaillé, comme des caractéristiques techniques détaillées, des avis ou des certificats de sécurité. Ces informations supplémentaires peuvent renforcer la confiance envers le produit, faciliter l’achat et contribuer à un meilleur taux de conversion.
Modifier les préférences de cookies