Free cookie consent management tool by TermsFeedAktualizacja preferencji plików cookie

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

30,75 € 25,00 €
Instalacja COMPOSER
M2-CUSTOM-TABS
Cela nécessite des modifications dans le modèle
Non
Petites modifications
Changements importants
Nécessite des connaissances en programmation
Non
Notions de base
Avancé
Difficulté de configuration
Impact sur les performances
Conformité aux normes Magento

Onglets produit flexibles sans modifier le template

Kowal Custom Tab est un module Magento 2 qui permet d’enrichir rapidement la fiche produit avec des onglets personnalisés et dynamiques. L’administrateur peut créer des sections d’information supplémentaires, les associer aux attributs produit et contrôler leur ordre sans modifier les fichiers du thème.

Le module est particulièrement adapté aux boutiques qui doivent présenter des informations produit supplémentaires de manière 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 fonctionnalité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 contient pas de contenu renseigné dans l’attribut associé.
  • Gestion de l’ordre d’affichage des onglets.
  • Activation et désactivation des onglets depuis le panel 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 plusieurs catégories de produits.
  • Possibilité d’adapter les noms des onglets aux différentes versions linguistiques de la boutique.
  • Risque réduit d’erreurs dans le template, car la configuration s’effectue depuis le panel d’administration.

Exemples d’utilisation

  • Onglet 'Spécification technique' alimenté 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 projets dans lesquels les données produit sont gérées dans les attributs Magento.

Kowal Custom Tab - installation et configuration

Prérequis

  • Magento 2.4 ou version ultérieure.
  • Accès à Magento CLI.
  • Composer configuré pour télécharger les packages privés Kowal.
  • Module de base kowal/base installé.
  • Droits d’administrateur pour le panel Magento.

Installation via Composer

Ajoutez le dépôt du package :

composer config repositories.custom.tab vcs https://github.com/kowalco/magento-2-custom-tab

Si le dépôt nécessite une autorisation, configurez le token :

composer config --global --auth github-oauth.github.com 

Installez le module :

composer require kowal/module-customtab

Effectuez la mise à jour Magento :

php bin/magento setup:upgrade

En 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 si 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 panel Magento, accédez à :

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 panel d’administration, accédez à :

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 - état d’activation 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 partie 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 des onglets à la section des détails 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 le fallback suivant :

  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 des balises HTML et des 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.

Résolution des problèmes

Si l’onglet n’apparaît pas sur le frontend :

  • Vérifiez que le module est activé dans la configuration.
  • Vérifiez que l’onglet a le Status 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.

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.
Question
Quels avantages apporte l’ajout d’onglets personnalisés sur la fiche produit ?
Réponse
Dans le panneau, il est possible de gérer les onglets (ajout, modification, suppression), de configurer leurs noms et les attributs qui leur sont associés, de définir leur statut ainsi que leur ordre d’affichage. Des fonctions de filtrage et de tri des onglets par nom ou par statut sont également disponibles, ce qui facilite le travail même pour les utilisateurs moins avancés.
Question
Quels sont les avantages de l’ajout d’onglets personnalisés sur la fiche produit ?
Réponse
Le module fonctionne entièrement avec Magento 2.3.x et les versions supérieures, et il est compatible avec les thèmes et extensions Magento populaires, ce qui permet une intégration sans problème dans la plupart des boutiques
Write Your Own Review
You're reviewing:Module Magento 2 Onglets supplémentaires sur la fiche produit (Custom Tabs)
Produits