Les modifications ne s’affichent pas sur votre site PrestaShop ? Vérifiez 5 couches de cache
Quand vos modifications ne s’affichent pas dans PrestaShop, l’ancienne page est dans l’une des cinq couches de cache : le navigateur, un CDN comme Cloudflare, les modèles Smarty et CSS et JS combinés, le cache Symfony ou le cache du serveur. Vérifiez de la plus proche à la plus éloignée : les deux premières se contrôlent en une minute, sans back office.
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
Pourquoi une modification enregistrée n’apparaît-elle pas dans la boutique ?
Parce qu’entre la base de données et l’écran du client, plusieurs endroits gardent en mémoire des pages et des fichiers tout prêts pour que la boutique soit plus rapide. Une modification enregistrée dans le back office arrive tout de suite dans la base de données. La version toute prête de la page dans le cache, elle, n’est pas encore au courant.
Plus une modification touche à l’apparence, plus il y a de couches à prévenir. Une nouvelle description de produit s’affiche en général tout de suite. Une correction dans le fichier CSS du thème traverse toutes les couches : c’est donc elle qui « ne marche pas » le plus souvent.
Cinq couches : où chercher l’ancienne version
| Couche | Ce qu’elle garde | Comment la reconnaître | Comment la vider |
|---|---|---|---|
| 1. Navigateur | CSS, JS, images | la modification est visible dans une fenêtre de navigation privée | rechargez sans le cache (Ctrl+F5, sur Mac Cmd+Maj+R) |
| 2. CDN, comme Cloudflare | des pages et des fichiers entiers | toujours l’ancienne version sur un téléphone en données mobiles | videz-le dans le panneau du CDN |
| 3. Smarty et CCC dans PrestaShop | modèles compilés, CSS et JS combinés | une modification dans un fichier .tpl ou .css ne s’affiche nulle part | le bouton dans Paramètres avancés > Performances |
| 4. Symfony (var/cache) | configuration, routes, parties du back office | les modifications des réglages des modules ou du back office prennent effet tard | le même bouton, ou la suppression du contenu de var/cache |
| 5. Serveur (OPcache, Varnish, cache de l’hébergeur) | PHP compilé, réponses entières | rien de ce qui précède n’a aidé | le panneau de l’hébergement ou le support de votre hébergeur |
La documentation PrestaShop décrit les réglages des couches 3 et 4 sur la page Performances : compilation forcée des modèles, cache Smarty et combinaison des CSS et JS.
Dans quel ordre vérifier ?
- Ouvrez la page dans une fenêtre de navigation privée. Vous voyez la modification ? C’est la couche 1, et un rechargement sans le cache suffit.
- Ouvrez la page sur un téléphone, sans Wi-Fi. Toujours l’ancienne version ? La boutique est derrière un CDN ? Videz le CDN.
- Videz le cache dans le back office, dans Paramètres avancés > Performances.
- Vérifiez que vous avez modifié le bon fichier : celui du thème actif, pas celui du thème parent ni une copie de sauvegarde. Cela arrive plus souvent qu’on ne le pense.
- Si rien n’a aidé, demandez à votre hébergeur de vider le cache côté serveur.
Quand le bouton pour vider le cache vous trompe-t-il ?
Quand PrestaShop n’a pas le droit de supprimer les fichiers. Le bouton affiche un message de réussite, mais certains fichiers du dossier var/cache ou du dossier des CSS et JS combinés restent, car ils appartiennent à un autre utilisateur du serveur. Cela arrive après un déménagement de la boutique, après une mise à jour lancée en ligne de commande et après un envoi de fichiers à la main par FTP.
Le symptôme : vous videz plusieurs fois, le message est vert, et la page reste ancienne. Des histoires semblables reviennent sans cesse sur le forum PrestaShop à propos des fichiers CSS (en polonais). Dans cette situation, seule une personne avec un accès au serveur peut aider, en corrigeant le propriétaire et les droits des fichiers. Vous trouverez un aperçu d’autres pannes fréquentes après des changements de serveur dans le guide de Zenbox (en polonais).
Comment le chat aide quand les modifications ne s’affichent pas
Votre chat (Claude ou ChatGPT) vérifie d’abord où se situe le problème, et seulement ensuite vide quoi que ce soit. Dans TellMyShop Free, la revue technique de la boutique montre les réglages du cache Smarty et de la combinaison des fichiers, le mode debug et les erreurs des derniers jours. Le chat peut aussi récupérer une page de la boutique comme le fait un navigateur et vérifier ce qu’elle renvoie : statut, redirections, titre et titres de section.
Vous: J’ai changé la couleur du bouton dans custom.css, mais la boutique affiche toujours l’ancienne. Trouve où est le problème.
Votre chat: Votre thème a la combinaison des CSS activée : la boutique envoie donc un seul fichier combiné, enregistré avant la modification. Le fichier custom.css du thème actif contient déjà la nouvelle couleur.
Je propose de vider le cache des modèles et des fichiers combinés. Les premières visites après le vidage seront plus lentes.
Vous: Vas-y.
Votre chat: Vidé. À la première visite, la boutique construira un nouveau fichier combiné, avec la nouvelle couleur. Si vous voyez toujours l’ancienne, rechargez votre navigateur sans le cache, puis vérifiez si la boutique est derrière un CDN.
Vider le cache fonctionne dans TellMyShop Pro avec l’interrupteur Thème activé. Le cache se reconstruit tout seul : cette action n’apparaît donc pas dans l’historique des modifications et il n’y a rien à annuler. Vous trouverez un exemple de demande dans le cas d’usage rafraîchir les pages en cache.
Si la modification concernait le pied de page, lisez aussi comment supprimer « Powered by PrestaShop » pour que la modification survive à une mise à jour du thème. Et si, au lieu de l’ancienne version, vous voyez une page blanche ou une erreur, lisez notre article sur l’erreur 500 de PrestaShop.
Questions et réponses
Où se trouve le bouton pour vider le cache dans PrestaShop ?
Dans le back office, allez dans Paramètres avancés, puis Performances. Le bouton pour vider le cache est en haut à droite de la page. Il supprime les modèles compilés, le cache Smarty et les fichiers CSS et JS combinés. Il ne vide ni le navigateur du client, ni les caches du serveur et du CDN, qui fonctionnent en dehors de PrestaShop.
Vider le cache peut-il nuire à ma boutique ?
Cela ne supprime aucune donnée de la boutique. Les premières visites après le vidage sont plus lentes, car PrestaShop prépare à nouveau les modèles et les fichiers. Dans une grande boutique, mieux vaut le faire en dehors des heures de pointe. Ne le faites pas pendant un import de produits.
Pourquoi rien ne change-t-il après une modification du CSS ?
Le plus souvent, la boutique a la combinaison des CSS et JS activée, et le navigateur reçoit l’ancien fichier combiné. Videz le cache dans le back office, puis rechargez la page sans le cache du navigateur. Si rien ne change toujours, vérifiez que vous avez modifié le fichier du thème actif, pas celui du thème parent ou d’une copie.
Le mode debug m’aide-t-il à voir les modifications ?
Il désactive une partie du cache et affiche les erreurs, ce qui facilite le diagnostic pour un temps. Ne le laissez pas activé sur une boutique en ligne, car il ralentit le site et peut montrer des messages techniques aux clients. Une fois la vérification faite, désactivez-le et videz le cache.
Le chat peut-il vider le cache ?
Oui, dans TellMyShop Pro avec l’interrupteur Thème activé. Vous l’activez dans le panneau du module pour 24 heures, et il exige une sauvegarde de la base de données faite le même jour. Dans la version gratuite TellMyShop Free, le chat vérifie les réglages du cache et indique quelle couche soupçonner, mais ne vide rien.
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.