Aller au contenu principal

Correction du Bouton Configurer du Module qui ne Fonctionne pas sur la Page Produit

Si vous ne pouvez pas cliquer sur le bouton Configurer d'un module dans la section Modules d'une page produit PrestaShop — et qu'à la place la page se recharge — ce n'est pas un problème avec le module, mais un bug connu de PrestaShop.

Cela se produit généralement parce qu'il y a des caractères invalides ou un formatage inattendu dans les champs de description courte ou description du produit. Cela peut être dû à :

  • Copie de texte depuis Word, Google Docs, PDFs ou sites web (qui ajoute des caractères cachés)
  • La description n'est pas correctement encapsulée dans des balises HTML

🆕 Méthode Recommandée – Encapsuler la Description en HTML​

Récemment, nous avons découvert que l'erreur peut souvent être résolue en s'assurant que la description est encapsulée dans des balises HTML valides, comme <p>.

Étape par Étape​

  1. Allez dans le Back Office et modifiez le produit avec le problème.
  2. Localisez le champ Description ou Description Courte.
  3. Vérifiez si votre contenu est encapsulé dans des balises HTML.
  4. Si ce n'est pas le cas, encapsulez-le manuellement ou via l'éditeur :

Exemple avant :

Ceci est la description de mon produit.

Exemple après :

<p>Ceci est la description de mon produit.</p>

  1. Dans l'éditeur PrestaShop, vous pouvez :

    • Sélectionner le texte
    • Cliquer sur le bouton Paragraphe
    • Ou passer en vue code et ajouter les balises manuellement

  2. Enregistrez le produit.

  3. Videz le cache : Back Office → Paramètres Avancés > Performances → Vider le Cache

  4. Rechargez la page produit et vérifiez si le bouton Configurer fonctionne.

🛠 Ancienne Procédure – Supprimer et Nettoyer le Texte (Fonctionne Toujours)​

Si la solution d'encapsulation HTML ne résout pas le problème, vous pouvez utiliser l'ancienne méthode, qui garantit de fonctionner.

Solution Temporaire​

  1. Copiez le texte complet du champ problématique (description courte ou complète).
  2. Supprimez complètement le texte.
  3. Enregistrez le produit.
  4. Rechargez la page produit.
  5. Recollez le texte dans le champ.
  6. Enregistrez à nouveau le produit.

Solutions Recommandées si cela ne fonctionne toujours pas​

Parfois, il peut y avoir des caractères cachés dans le texte causés par un copier-coller ou même des éditeurs de texte comme Word peuvent les ajouter. Si c'est votre cas, nous recommandons :

  1. Copiez le texte dans un éditeur de texte brut (par ex., Bloc-notes) pour supprimer tout le formatage caché.
  2. Recollez-le dans PrestaShop.
  3. Enregistrez le produit.

Cela garantit qu'il n'y a pas de caractères cachés ou invalides qui peuvent causer des erreurs JavaScript.

Pourquoi Corriger l'Erreur est Important​

Lorsqu'une erreur JavaScript se produit :

  • La page d'Édition du Produit ne chargera pas toutes ses fonctionnalités correctement
  • Les modules ne peuvent pas charger leur configuration
  • Les boutons peuvent ne pas fonctionner
  • La page peut se recharger de manière inattendue lors de l'enregistrement

En corrigeant le formatage du texte et en résolvant les erreurs, vos pages produits fonctionneront comme prévu.

Pourquoi le bouton Configurer de la page produit recharge-t-il la page au lieu de s'ouvrir ?

Il s'agit d'un bug connu de PrestaShop causé par une erreur JavaScript déclenchée par des caractères invalides ou du texte mal formaté dans les champs de description courte ou description du produit. Ce n'est pas un problème lié au module.

Quelle est la solution la plus rapide pour que le bouton Configurer fonctionne ?

Encapsulez le texte de la description du produit dans une balise HTML de paragraphe valide. Ouvrez le produit dans le back office, passez l'éditeur en vue code et assurez-vous que le texte est à l'intérieur d'une balise p. Enregistrez ensuite le produit et videz le cache.

Pourquoi les caractères cachés de Word ou Google Docs causent-ils ce problème ?

Lorsque vous copiez du texte depuis Word, Google Docs, des PDF ou des sites web, des caractères de formatage invisibles sont inclus. Ces caractères peuvent perturber l'analyseur JavaScript de PrestaShop sur la page d'édition du produit, rendant les boutons inopérants.

Comment supprimer les caractères cachés d'une description de produit ?

Copiez le texte du champ de description de PrestaShop et collez-le dans un éditeur de texte brut comme le Bloc-notes. Cela supprime tout le formatage caché. Recollez ensuite le texte propre dans PrestaShop, enregistrez le produit et videz le cache.

Besoin d'aide ? Contactez-nous et nous vous guiderons étape par étape.