Quel module affiche un élément dans PrestaShop : trois façons de le trouver
Pour savoir quel module affiche un élément dans PrestaShop, trouvez le nom de classe de l’élément dans le code de la page, comparez-le avec la liste des modules dans Apparence → Positions et, si le module n’y est pas, cherchez dans les modèles du thème. Savoir d’où vient un élément évite de deviner quand vous modifiez un texte, déplacez un bloc ou cherchez un conflit.
Auteur: L’équipe TellMyShop. Un guide pour les propriétaires de boutiques PrestaShop : la cause, la correction manuelle et le même travail dans une conversation avec le chat.
Dernière mise à jour: · 6 min de lecture
Pourquoi savoir quel module affiche un élément ?
Parce que chaque élément se modifie à un endroit différent. Un texte venant d’un module se corrige dans les réglages du module ou dans les traductions. Un bloc venant d’un modèle du thème se modifie dans un fichier. Un élément greffé au mauvais endroit se déplace dans les positions. Sans cette information, le propriétaire fouille tout le back office.
Situations typiques :
- vous voulez modifier un libellé qui ne figure dans aucun réglage,
- il y a sur la fiche produit un bloc que personne n’a ajouté exprès,
- quelque chose s’affiche deux fois, par exemple deux encadrés d’avis,
- la page d’accueil a changé après l’installation d’un module.
Méthode 1 : le nom de classe dans le code de la page
Ouvrez la page dans Chrome, faites un clic droit sur l’élément et choisissez Inspecter. Le navigateur montre le code de ce fragment, comme le décrit le guide Chrome DevTools sur le CSS. Les noms de classes et les identifiants trahissent souvent le module.
| Ce que vous voyez dans le code | Ce que cela signifie en général |
|---|---|
une classe avec un nom de module, par ex. blockreassurance | un bloc de réassurance d’un module au nom semblable |
un identifiant qui commence par ps_ | un module fourni avec PrestaShop |
| un préfixe tiers, par ex. trois lettres et un tiret bas | le module d’une autre société, souvent acheté sur Addons |
| un commentaire dans le code avec un nom de fichier de modèle | un élément d’un modèle, le chemin désigne le thème ou un module |
les classes propres au thème, par ex. product-container | un élément du thème, pas un module |
Regardez un peu plus haut dans le code que l’élément cliqué. Souvent, seul le bloc qui l’entoure porte le nom du module, alors que les éléments intérieurs ont des classes génériques comme « title » ou « icon ». Si vous voyez plusieurs blocs imbriqués, notez tous leurs noms.
Une classe est un indice, pas une preuve. Un thème peut donner aux éléments des noms proches de ceux des modules, et un module peut utiliser des classes du thème. Confirmez donc l’indice dans le back office.
Méthode 2 : Apparence → Positions
PrestaShop affiche les modules à des endroits de la page appelés hooks. La liste des endroits et des modules greffés se trouve dans Apparence → Positions, décrite dans le guide des positions des modules.
- Allez dans Apparence → Positions.
- Dans le filtre, saisissez le nom du module trouvé dans le code de la page, ou choisissez un endroit, par exemple le bloc sous le bouton d’ajout au panier.
- Voyez à quels endroits le module est greffé et dans quel ordre.
- Comparez avec ce que vous voyez sur la page. L’ordre de la liste est l’ordre des blocs dans la boutique.
Les noms des endroits vous disent où se trouve le bloc. Par exemple, le hook displayNav1 est la barre supérieure de l’en-tête dans le thème Classic. Quand l’élément est dans l’en-tête, vous cherchez les modules aux endroits de l’en-tête, pas dans le pied de page.
Méthode 3 : le modèle du thème
Si l’élément n’est dans aucune position, il vient d’un modèle du thème ou d’un constructeur de pages fourni avec un thème acheté. Il arrive aussi que le thème remplace le modèle d’un module : le module est le même, mais il prend son apparence et son texte dans un fichier du thème.
Cela compte pour les modifications. Si vous changez les réglages d’un module alors que le thème a sa propre copie du modèle du module, rien ne change sur la page. Nous décrivons comment modifier un texte qui se trouve dans un modèle dans l’article sur la modification de texte dans PrestaShop.
Que faire une fois le module identifié
Cela dépend de ce que vous voulez de l’élément. Chaque décision a un endroit différent dans le back office et un risque différent.
- Vous voulez modifier le texte ou l’apparence. Vérifiez la configuration du module dans Modules → Gestionnaire de modules. Si le texte n’y est pas, il est dans les traductions ou dans un modèle.
- Vous voulez déplacer l’élément. Changez l’ordre dans Apparence → Positions, ou greffez le module à un autre endroit de la page si le module le permet.
- Vous voulez que l’élément disparaisse d’une page. Dégreffez le module de cet endroit. Le module continue de fonctionner ailleurs.
- L’élément s’affiche deux fois. Vérifiez si deux modules font le même travail, ou si un module est greffé à deux endroits voisins.
- L’élément casse la page. Désactivez le module, ne le désinstallez pas. La désinstallation supprime en général les données du module.
Avant chacune de ces modifications, notez l’état actuel. Pour les positions, une capture d’écran de la liste dans Apparence → Positions suffit.
Comment trouver le module avec le chat
Vous décrivez l’élément avec des mots simples ou collez une capture d’écran. Votre chat (Claude ou ChatGPT) lit la liste des modules avec les endroits où ils s’affichent et associe l’élément à un module. Dans TellMyShop Free, cela fonctionne sans aucun interrupteur, car c’est de la lecture seule.
Vous: Sur la fiche produit, sous le bouton d’ajout au panier, il y a deux encadrés d’avis. D’où viennent-ils ?
Votre chat: Deux modules d’avis sont greffés à l’endroit sous le bouton d’ajout au panier : un ancien module d’avis, désactivé dans ses réglages mais toujours affiché à cet endroit, et un nouveau module installé en septembre. Le premier encadré est l’ancien module, le second le nouveau.
Vous: Retire l’ancien encadré de la fiche produit.
Votre chat: Je propose de dégreffer l’ancien module de cet endroit, sans le désinstaller. Ordre à l’endroit sous le bouton :
L’enregistrement exige l’interrupteur Thème. Activez-le dans le panneau du module, et j’enregistre après votre « oui ».
Statut de la carte : attend votre « oui »ancienne version : 1. ancien module d’avis
ancienne version : 2. nouveau module d’avis
nouvelle version : 1. nouveau module d’avis
Les noms et les dates de l’exemple sont fictifs. Un exemple de demande se trouve dans le cas d’usage trouver le module qui affiche un élément sur la page.
La suite avec le module dépend du problème. Le déplacer ou le dégreffer d’un endroit, c’est TellMyShop Pro avec l’interrupteur Thème, et désactiver un module, avec l’interrupteur Modules. Les deux interrupteurs fonctionnent 24 heures et exigent une sauvegarde de la base de données faite le même jour. Chaque modification a un aperçu et entre dans l’historique des modifications. Quand un module casse la boutique, lisez l’article sur la désactivation d’un module au lieu de sa désinstallation. Nous décrivons le déplacement des blocs de la page d’accueil dans l’article sur la mise en page de l’accueil, et le rangement des modules inutilisés dans l’article sur les modules inutiles.
Commencez avec TellMyShop Free pour voir ce qui s’affiche dans votre boutique. Une comparaison des versions est sur la page tarifs.
Questions et réponses
Comment savoir quel module affiche un élément sur une page de ma boutique ?
Faites un clic droit sur l’élément dans le navigateur et choisissez Inspecter. Dans le code, cherchez un nom de classe ou un identifiant qui ressemble à un nom de module. Confirmez-le ensuite dans Apparence → Positions, où vous voyez les modules à chaque endroit de la page.
Et si l’élément n’est pas dans Apparence → Positions ?
Il vient alors en général d’un modèle du thème, pas d’un module. Parfois, un module l’insère aussi avec son propre script ou via le constructeur de pages du thème. Dans ce cas, vous cherchez dans les fichiers du thème ou dans les réglages du constructeur.
Puis-je simplement dégreffer le module de cet endroit pour faire disparaître l’élément ?
Vous pouvez, si l’élément n’est pas nécessaire à cet endroit. Le module continue de fonctionner, il cesse seulement de s’afficher à cet endroit, et vous pouvez le greffer de nouveau à tout moment. Ne dégreffez pas les modules de paiement, de livraison ou de panier sans vérifier ce qu’ils font.
TellMyShop Free montrera-t-il quel module affiche un élément ?
Oui. TellMyShop Free lit la liste des modules avec leurs versions et les endroits où ils s’affichent. Le chat associe l’élément à un module et vous dit ce que vous pouvez en faire. Déplacer, dégreffer ou désactiver un module, c’est TellMyShop Pro qui le fait.
PrestaShop est une marque déposée de PrestaShop SA. Claude est une marque d’Anthropic PBC. ChatGPT et OpenAI sont des marques d’OpenAI. TellMyShop n’est pas affilié à ces entreprises.