Prestashop : comment corriger probleme balise text justify ?

Prestashop : Vérifier le code HTML dans l’éditeur

Si votre texte n’est pas justifié, commencez par vérifier le code source via l’éditeur WYSIWYG. Cliquez sur "source" ou l’icône HTML, puis ajoutez la balise <p style="text-align:justify;">Votre texte ici</p>.

Prestashop peut parfois réinitialiser les styles en ligne, surtout si vous modifiez plusieurs fois. Assurez-vous de sauvegarder en mode HTML pour que le style de justification soit bien enregistré et appliqué.

Prestashop : Ajouter le style dans le fichier CSS

L’idéal est d’éviter les styles en ligne et de créer une classe CSS dans votre thème. Par exemple, dans custom.css ou theme.css, ajoutez :
.texte-justifie { text-align: justify; }

Ensuite, appliquez cette classe à vos blocs de contenu via l’éditeur :
<p class="texte-justifie">Mon texte aligné.</p>
Cela permet une gestion propre et homogène sur tout le site, tout en respectant les bonnes pratiques CSS.

Prestashop : Corriger l’éditeur qui supprime le style

Certains éditeurs Prestashop comme TinyMCE désactivent ou filtrent certains attributs HTML. Dans ce cas, le text-align: justify; est supprimé automatiquement.

Pour corriger cela, il faut configurer l’éditeur en autorisant les styles CSS en ligne ou en modifiant les paramètres du plugin. Une fois le filtre désactivé, vous pourrez conserver l’alignement justifié dans vos descriptions produit ou pages CMS.

Prestashop : Appliquer le justify dans une page CMS

Dans Design > Pages, éditez la page CMS concernée. Utilisez l’éditeur en mode "code source" et entourez le texte avec la balise p stylée ou la classe CSS que vous avez définie.

Assurez-vous que le champ n’est pas filtré à la sauvegarde, car Prestashop peut nettoyer certains styles. En appliquant un alignement propre, vous améliorez la lisibilité du contenu et donnez un aspect plus professionnel à vos pages.

Prestashop : Modifier le thème si les styles sont écrasés

Votre fichier CSS personnalisé peut être écrasé par une règle du thème ou d’un module. Utilisez l’outil "Inspecter" de votre navigateur (clic droit > inspecter) pour vérifier si text-align: justify est bien actif ou surchargé.

Si nécessaire, ajoutez !important :
.texte-justifie { text-align: justify !important; }
Cela permet de forcer l’application du style même en présence de priorités plus élevées dans la cascade CSS.

Prestashop : Nettoyer les styles Word / Excel collés

Si vous copiez-collez du texte depuis Word ou Excel, Prestashop peut intégrer du code parasite ou illisible. Résultat : le style justify est ignoré ou bloqué.

Collez toujours dans un éditeur texte brut (comme Notepad) avant de coller dans Prestashop. Cela supprime les styles inutiles et vous permet de restructurer proprement votre texte avec les balises HTML que vous souhaitez conserver.

Prestashop : Tester sur différents navigateurs

Parfois, le style text-align: justify est bien présent mais rendu différemment selon le navigateur. Testez l’affichage sur Chrome, Firefox, Safari et mobile pour détecter tout comportement inattendu.

Assurez-vous aussi que vos fichiers CSS sont bien chargés (regardez dans l’onglet réseau ou source du navigateur). Si le style ne s’applique que partiellement, il est probable que le fichier cache ou thème bloque la propagation.

Prestashop : Purger le cache après modification CSS

Après avoir modifié le CSS (dans custom.css, theme.css ou via l’éditeur), pensez à vider le cache dans Paramètres avancés > Performances. Sinon, Prestashop risque d’afficher l’ancienne version du fichier.

Activez aussi le mode debug temporairement si besoin, pour voir les erreurs de chargement de CSS. Cette étape est indispensable pour valider vos modifications d’alignement.

Prestashop : Appliquer le style justify dans les descriptions produit

Dans Catalogue > Produits, éditez un produit et accédez à la description longue. Passez en mode HTML et entourez votre texte avec :
<div class="texte-justifie">Votre description</div>

Cela vous permet de rendre vos fiches produit plus lisibles, notamment pour les paragraphes longs. Ce style améliore aussi l’esthétique générale, en particulier sur les sites à visée éditoriale ou informatives.

Prestashop : Créer un module "bloc HTML" avec texte justifié

Si vous souhaitez afficher un bloc de texte justifié ailleurs que dans les zones classiques (ex. : accueil, colonne, footer), utilisez un module comme Bloc HTML personnalisé ou Creative Elements.

Ajoutez votre code avec la classe CSS créée précédemment. Ces modules permettent d’insérer facilement des blocs formatés sans toucher au code du thème, tout en conservant une cohérence graphique.