Prestashop : comment modifier position description produit ?

1. Prestashop : Modifier la position via le fichier product.tpl

Dans PrestaShop, la description produit est gérée dans le fichier product.tpl du thème. Sa position dépend de l’endroit où elle est insérée dans le code HTML.

Pour la déplacer, édite ce fichier et coupe la balise correspondant à product.description. Replace-la à l’endroit souhaité dans le template. Cela permet de personnaliser l’ordre d’affichage et d’adapter la mise en page du produit.

2. Prestashop : Utiliser les hooks pour repositionner la description

PrestaShop fonctionne avec des hooks qui permettent d’injecter des éléments à des endroits précis. La description peut être attachée à un hook modifiable.

Vérifie dans ton thème quel hook affiche la description (displayProductAdditionalInfo, displayProductTabContent, etc.). Déplace la description vers un autre hook disponible dans le fichier product.tpl ou via un override de module si besoin.

3. Prestashop : Repositionner la description via un constructeur de thème

Certains thèmes PrestaShop proposent un éditeur visuel ou un constructeur de pages intégré. Il permet de déplacer les blocs de contenu, dont la description produit, sans modifier le code.

Accède au panneau de configuration du thème, cherche l’onglet « agencement » ou « structure produit ». Déplace le bloc description à la position souhaitée. Cette méthode garantit une modification rapide et une mise en page intuitive.

4. Prestashop : Déplacer la description via un module de mise en page

Il existe des modules PrestaShop qui permettent de réorganiser les blocs produits, y compris la description. Ces outils évitent d’avoir à toucher au code.

Installe un module comme Product Page Customizer ou équivalent. Il permet de réorganiser les éléments de la fiche produit avec une interface graphique. C’est une solution pratique pour personnaliser l’ordre d’affichage sans risque technique.

5. Prestashop : Ajouter la description dans un autre onglet

Par défaut, la description produit peut être affichée dans un onglet. Tu peux créer un nouvel onglet personnalisé et y déplacer la description.

Modifie le fichier product.tpl pour intégrer la balise product.description dans une nouvelle section de type onglet. Cela permet une navigation plus fluide et une présentation organisée du contenu.

6. Prestashop : Changer la position en modifiant les classes CSS

Tu peux aussi modifier la position visuelle de la description sans changer sa place dans le code, en jouant avec les règles CSS.

Ajoute des styles position: absolute ou flex-order selon le contexte HTML. Cela peut suffire pour déplacer la description vers le haut ou le bas de la page. Attention à la compatibilité responsive et à l’accessibilité du contenu.

7. Prestashop : Supprimer la description du bloc initial et l’afficher ailleurs

Si tu veux enlever complètement la description de sa position par défaut et l’ajouter à un autre endroit, il faut désactiver son appel initial dans le fichier product.tpl.

Commente ou supprime le code actuel, puis ajoute l’appel {$product.description} dans un autre bloc (fiche technique, onglet, résumé...). Cela permet une personnalisation complète du rendu de la fiche produit.

8. Prestashop : Repositionner avec un override de template

Si tu ne veux pas toucher au thème de base, crée un override du fichier product.tpl dans le dossier de ton thème enfant. Cela te permet de repositionner la description produit proprement.

Recopie le fichier original, modifie la structure en déplaçant le bloc de description. L’override garantit une meilleure maintenabilité et protège tes modifications lors des mises à jour.

9. Prestashop : Utiliser un thème compatible avec la personnalisation avancée

Certains thèmes PrestaShop sont conçus pour offrir plus de flexibilité dans l’agencement de la fiche produit. Leur structure permet de repositionner facilement la description.

Choisis un thème avec une grille modulaire et un système de blocs mobiles. Tu pourras placer la description où tu veux : avant le prix, après l’image, en colonne latérale, etc. Cela améliore l’ergonomie de ta boutique.

10. Prestashop : Afficher la description dans un encart personnalisé

Tu peux aussi dupliquer ou déplacer la description produit dans un bloc personnalisé, par exemple dans la colonne de droite ou dans une bannière.

Crée un nouveau div dans le fichier product.tpl ou via un module personnalisé, et appelle la variable {$product.description}. Cette solution offre un contrôle total sur l’affichage de la description dans un emplacement original.