Prestashop : comment corriger probleme de balises html non interpretes ?

Prestashop : Activer le mode HTML dans l’éditeur de texte

Dans Prestashop, les champs texte utilisent parfois un éditeur WYSIWYG (comme TinyMCE) qui masque ou échappe le code HTML. Vérifiez dans Paramètres > Paramètres généraux si le mode HTML est bien activé pour les descriptions.

Sinon, le code sera affiché en clair (<p>, <br>, etc.) au lieu d’être interprété. Pour corriger cela, activez le mode source HTML dans l’éditeur pour saisir vos balises correctement.

Prestashop : Vérifier l’encodage des caractères HTML

Si vos balises HTML apparaissent avec des < et > à la place de < et >, c’est que le contenu est encodé. Prestashop protège certains champs en convertissant les caractères spéciaux pour des raisons de sécurité.

Utilisez un module ou un éditeur avancé qui vous permet d’échapper manuellement les entités HTML, ou de désactiver l’encodage pour les champs spécifiques. Cela permet aux balises HTML d’être interprétées normalement à l’affichage.

Prestashop : Modifier le fichier TPL pour autoriser le HTML

Par défaut, Prestashop affiche certaines variables avec {$variable|escape:'html':'UTF-8'} dans les fichiers .tpl, ce qui empêche l’exécution de balises HTML. Pour corriger cela, utilisez {$variable nofilter} dans le fichier template concerné.

Attention : cette méthode doit être utilisée avec précaution, uniquement sur des champs de confiance (comme vos propres textes), pour éviter les failles de sécurité XSS.

Prestashop : Utiliser un module CMS avec support HTML

Certains modules CMS de Prestashop ou de thèmes personnalisés limitent le HTML autorisé. Si vous utilisez un constructeur de page ou un module de contenu, assurez-vous qu’il accepte les balises que vous souhaitez insérer.

Des modules comme Creative Elements ou Advanced CMS permettent une insertion complète de HTML personnalisé, y compris des vidéos, iframes, ou boutons stylisés. Choisissez un éditeur compatible avec vos besoins.

Prestashop : Désactiver le filtre HTML dans le code source

Dans certains cas, vous devrez modifier le comportement du filtre HTML dans Prestashop. Cela se fait généralement dans les helpers ou contrôleurs liés aux champs texte, où un filtre strip_tags() ou htmlspecialchars() peut être appliqué.

Supprimer ou modifier ce filtre permet d’autoriser certaines balises comme <a>, <strong>, ou <ul>. Attention cependant à ne pas compromettre la sécurité des données entrées par les utilisateurs.

Prestashop : Vérifier les champs multilingues

Certains problèmes d’affichage HTML surviennent uniquement sur certaines versions linguistiques. Vérifiez que vos balises sont bien présentes et correctement enregistrées dans chaque langue disponible dans votre boutique.

Il peut arriver que la version française affiche correctement le HTML, mais pas la version anglaise si les balises ont été mal copiées ou échappées. Une relecture manuelle dans l’éditeur multilingue permet de corriger rapidement.

Prestashop : Nettoyer le contenu via un éditeur externe

Lorsque vous copiez-collez du texte depuis Word ou un site web, vous insérez souvent des balises malformées ou du code parasite. Utilisez un éditeur HTML externe (comme Notepad++ ou VS Code) pour nettoyer votre code avant de le coller.

Cela permet d’éviter les erreurs d’interprétation dans Prestashop, surtout si l’éditeur WYSIWYG intègre automatiquement des styles ou balises non standardisées.

Prestashop : Vérifier la configuration du thème

Certains thèmes Prestashop peuvent surcharger l’affichage des contenus via des overrides ou des règles CSS/JS. Si vos balises HTML sont bien présentes dans le back office mais pas visibles côté front, le problème peut venir du template.

Inspectez la page avec l’outil développeur du navigateur pour voir si les balises sont rendues mais masquées. Une simple correction dans le fichier .tpl ou .css peut réactiver l’affichage correct.

Prestashop : Purger le cache après modification HTML

Après avoir corrigé ou ajouté du HTML dans un champ Prestashop, pensez à vider le cache depuis Paramètres avancés > Performances. Sinon, vos modifications peuvent ne pas s’afficher à cause des fichiers temporaires.

Supprimez aussi le cache navigateur si nécessaire. Cette étape simple permet souvent de résoudre les soucis de non-interprétation visuelle des balises, même si elles sont bien enregistrées dans la base.

Prestashop : Utiliser un module HTML personnalisé

Si les champs natifs Prestashop ne suffisent pas, vous pouvez installer un module HTML personnalisable. Il vous permet d’ajouter du code librement (blocs HTML, encarts, sliders…) à n’importe quelle position du site.

Des modules comme Custom HTML Block, Advanced Custom Code, ou Creative Elements offrent une totale liberté pour insérer du contenu enrichi, sans se heurter aux limites de l’éditeur par défaut.