Mise en page de la page d’accueil PrestaShop : réordonner les blocs sans toucher au code
Vous changez la mise en page de l’accueil PrestaShop dans Apparence > Positions. L’accueil est le point d’accroche « displayHome », et ses blocs sont des modules dans un ordre défini. Déplacez un module vers le haut ou le bas, retirez les inutiles et videz le cache. Si un bloc n’est pas dans la liste, il vient du modèle ou du constructeur du thème.
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: · 5 min de lecture
De quoi est faite la page d’accueil de PrestaShop ?
De modules affichés à un même endroit de la page, dans l’ordre de la liste des positions. Le carrousel, les produits phares, une bannière, le texte de présentation de la boutique, les nouveautés et les meilleures ventes sont des modules distincts. Chacun peut aussi apparaître à d’autres endroits.
Le mécanisme des emplacements et de l’ordre est décrit dans la documentation PrestaShop sur les hooks. En polonais, icomSEO propose un aperçu des façons de changer la mise en page, et l’aide de dhosting un guide plus court.
À quoi ressemble un réordonnancement, avant et après ?
Une demande typique d’un propriétaire de boutique : les meilleures ventes plus haut, la newsletter et les logos des marques plus bas. Dans la liste des positions, cela donne ceci :
| Position | Avant | Après |
|---|---|---|
| 1 | Carrousel | Carrousel |
| 2 | Texte de présentation | Meilleures ventes |
| 3 | Produits phares | Produits phares |
| 4 | Bannière | Bannière |
| 5 | Newsletter | Texte de présentation |
| 6 | Logos des marques | Newsletter |
| 7 | Meilleures ventes | Logos des marques |
L’ordre de trois blocs a changé. Aucun fichier du thème n’a été modifié, et chaque module fonctionne exactement comme avant.
Comment déplacer un module dans le back office, étape par étape ?
Tout se fait sur un seul écran du back office.
- Allez dans Apparence > Positions.
- Tapez « displayHome » dans la recherche des points d’accroche ou faites défiler jusqu’à la page d’accueil.
- Attrapez le module par sa poignée et faites-le glisser à son nouvel emplacement.
- Si le bloc doit disparaître de la page d’accueil, cliquez sur la flèche à côté du module et choisissez de le retirer de cette position.
- Videz le cache dans Paramètres avancés > Performances.
- Vérifiez la page d’accueil dans une fenêtre de navigation privée et sur un téléphone.
Si le changement n’apparaît pas sur la page, lisez pourquoi les modifications ne s’affichent pas dans PrestaShop.
Pourquoi certains blocs ne peuvent-ils pas être déplacés ?
Parce qu’ils ne viennent pas de modules greffés sur le point d’accroche de la page d’accueil. Il y a trois raisons fréquentes.
- Une section dans le modèle. L’auteur du thème l’a écrite directement dans le fichier de la page d’accueil. La changer suppose de modifier le modèle, idéalement dans un thème enfant.
- Un constructeur de thème. Les thèmes achetés ont souvent leur propre éditeur de page d’accueil. Vous y changez l’ordre, et la liste des positions montre un seul module, celui du constructeur.
- Un module à un autre endroit. Le bloc semble faire partie de la page d’accueil, mais il est greffé, par exemple, sur l’emplacement au-dessus du pied de page.
Quand vous changez de thème, rappelez-vous qu’un thème définit sa propre liste de modules et leurs emplacements à son activation. Il l’enregistre dans un fichier de configuration décrit dans la documentation sur theme.yml. Après l’activation du thème, votre mise en page peut revenir aux réglages de l’auteur.
Comment planifier la mise en page de l’accueil ?
Disposez les blocs selon ce que cherchent les clients, pas selon l’ordre d’installation des modules. Samedi, 19 h 40, vous êtes devant la liste des positions et faites glisser des blocs pour essayer. Après chaque déplacement, vous videz le cache et rafraîchissez la page. Mieux vaut commencer par une feuille de papier.
- En haut, ce qui fait vendre : la campagne, les meilleures ventes, les catégories principales.
- Au milieu, ce qui inspire confiance : le texte de présentation, les avis, les informations de livraison.
- En bas, les compléments : newsletter, logos des marques, articles du blog.
Si vous avez des données de ventes, vérifiez quelles catégories et quels produits se vendent le plus. Ils doivent être placés plus haut qu’un bloc que quelqu’un a ajouté à l’installation de la boutique et que personne n’a touché depuis. Au bout d’un mois, comparez les ventes des produits de la page d’accueil avec celles du mois précédent.
Que vérifier après avoir changé la mise en page ?
Après chaque changement, regardez la page d’accueil comme le client la verra. Réordonner casse rarement quelque chose, mais un bloc peut rendre autrement à côté de nouveaux voisins.
| Quoi vérifier | À quoi faire attention |
|---|---|
| Ordinateur | espacement régulier entre les blocs, rien ne se chevauche |
| Téléphone | les blocs importants ne sont pas tombés tout en bas d’une longue page |
| Titres | la page a un seul titre principal et les blocs ont leurs propres titres |
| Vitesse | un carrousel lourd ou une vidéo n’a pas atterri à l’endroit qui se charge en premier |
| Liens | les boutons des blocs déplacés mènent là où ils doivent |
Notez aussi l’ordre actuel avant de commencer. Une capture d’écran de la liste des positions suffit. Avec elle, vous pouvez revenir à l’ancienne mise en page si la nouvelle ne fonctionne pas ou si une mise à jour du thème la change.
Comment changer la mise en page de l’accueil avec le chat ?
Vous demandez à voir l’ordre actuel, puis vous décrivez le nouveau. Votre chat (Claude ou ChatGPT) montre l’ancien et le nouvel ordre avant d’enregistrer quoi que ce soit.
Vous: Montre-moi l’ordre des blocs de la page d’accueil et place les meilleures ventes juste sous le carrousel.
Votre chat: La page d’accueil compte 7 modules. Modification proposée :
Les autres modules descendront d’une place. Après l’enregistrement, je viderai le cache et vérifierai la page d’accueil.
Vous: Validé.
Votre chat: Enregistré. Vous pouvez restaurer l’ancien ordre depuis l’historique des modifications.
Statut de la carte : attend votre « oui »ancienne version : 1. Carrousel, 2. Texte de présentation, 3. Produits phares, 7. Meilleures ventes
nouvelle version : 1. Carrousel, 2. Meilleures ventes, 3. Produits phares, 5. Texte de présentation
Dans la version gratuite TellMyShop Free, le chat montre l’ordre actuel des modules sur la page d’accueil. Déplacer des modules exige TellMyShop Pro et l’interrupteur Thème, que vous activez dans le panneau du module pour 24 heures.
Un exemple de demande : réordonner les blocs de la page d’accueil. Si vous changez la bannière en même temps, lisez l’article sur le changement de la bannière de la page d’accueil.
Questions et réponses
Qu’est-ce qu’une position de module dans PrestaShop ?
C’est l’endroit de la page où un module s’affiche, comme la page d’accueil, le pied de page ou la colonne latérale. La documentation les appelle des hooks, ou points d’accroche. Chaque endroit a une liste de modules dans un ordre défini. En changeant l’ordre de cette liste, vous changez l’ordre des blocs sur la page, sans modifier les fichiers du thème.
Quelle différence entre retirer un module d’une position et le désactiver ?
Un module retiré d’une position ne disparaît que de cet endroit de la page et continue de fonctionner ailleurs. Un module désactivé cesse de fonctionner partout. Si vous voulez retirer le bloc des nouveautés de la page d’accueil mais le garder dans la colonne, retirez-le de la position de la page d’accueil. Gardez la désactivation pour le cas où vous n’avez plus du tout besoin du module.
Pourquoi la mise en page de l’accueil a-t-elle changé après un changement de thème ?
Parce qu’un thème définit sa propre liste de modules et leurs emplacements à son activation. L’auteur du thème l’enregistre dans un fichier de configuration. Après avoir changé ou réactivé le thème, vérifiez Apparence > Positions et déplacez à nouveau les blocs. C’est pourquoi il vaut la peine de noter l’ordre actuel avant de commencer à changer de thème.
Puis-je déplacer un bloc qui ne figure pas dans la liste des positions ?
Pas là. Certains thèmes construisent la page d’accueil dans leur propre constructeur ou placent des sections directement dans le modèle. Vous changez alors l’ordre dans le constructeur du thème ou dans le fichier du modèle. Le chat vous montrera les modules greffés sur la page d’accueil. Un bloc absent de cette liste se cherche dans le modèle ou le constructeur du thème.
Un réordonnancement fait via le chat peut-il être annulé ?
Oui. Un changement de position de module entre dans l’historique des modifications, et vous l’annulez par une seule demande, avec un aperçu de l’ancien et du nouvel ordre. L’annulation montre elle aussi un aperçu avant l’enregistrement. Les modifications d’apparence fonctionnent dans TellMyShop Pro une fois l’interrupteur Thème activé. L’interrupteur reste actif 24 heures et exige une sauvegarde de la base de données faite le même jour.
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.