¿Los cambios no se ven en la tienda PrestaShop? Revisa 5 capas de caché
Cuando los cambios no se ven en PrestaShop, la página antigua está en una de cinco capas de caché: el navegador, un CDN como Cloudflare, las plantillas Smarty y los archivos CSS y JS combinados, la caché de Symfony o la del servidor. Revísalas de la más cercana a la más lejana: las dos primeras las compruebas en un minuto sin entrar al panel.
Autor: El equipo de TellMyShop. Una guía para dueños de tiendas PrestaShop: la causa, el arreglo manual y el mismo trabajo en una conversación con el chat.
Última actualización: · 5 min de lectura
¿Por qué no aparece en la tienda un cambio guardado?
Porque entre la base de datos y la pantalla del cliente hay varios sitios que recuerdan páginas y archivos ya preparados para que la tienda vaya más rápido. Un cambio guardado en el panel entra en la base de datos al momento. La versión ya preparada de la página en la caché todavía no se ha enterado.
Cuanto más cerca está un cambio del diseño, más capas tienen que enterarse. Una descripción de producto nueva suele verse al momento. Una corrección en el archivo CSS del tema pasa por todas las capas, así que es la que más a menudo «no funciona».
Cinco capas: dónde buscar la versión antigua
| Capa | Qué recuerda | Cómo reconocerla | Cómo vaciarla |
|---|---|---|---|
| 1. Navegador | CSS, JS, imágenes | el cambio se ve en una ventana privada | recarga saltándote la caché (Ctrl+F5, en Mac Cmd+Shift+R) |
| 2. CDN, como Cloudflare | páginas y archivos enteros | sigue la versión antigua en un móvil con datos móviles | vacíala en el panel del CDN |
| 3. Smarty y CCC en PrestaShop | plantillas compiladas, CSS y JS combinados | un cambio en un archivo .tpl o .css no se ve en ningún sitio | el botón de Parámetros avanzados > Rendimiento |
| 4. Symfony (var/cache) | configuración, rutas, partes del panel | los cambios en ajustes de módulos o del panel tardan en aplicarse | el mismo botón, o borrar el contenido de var/cache |
| 5. Servidor (OPcache, Varnish, caché del hosting) | PHP compilado, respuestas enteras | nada de lo anterior ha funcionado | el panel del hosting o el soporte de tu proveedor |
La documentación de PrestaShop describe los ajustes de las capas 3 y 4 en la página Rendimiento: compilación forzada de plantillas, caché de Smarty y combinación de CSS y JS.
¿En qué orden revisarlo?
- Abre la página en una ventana privada del navegador. ¿Ves el cambio? Es la capa 1, y basta con recargar saltándote la caché.
- Abre la página en el móvil, sin wifi. ¿Sigue la versión antigua? ¿La tienda está detrás de un CDN? Vacía el CDN.
- Vacía la caché en el panel, en Parámetros avanzados > Rendimiento.
- Comprueba que cambiaste el archivo correcto: el del tema activo, no el del tema padre ni una copia de seguridad. Pasa más a menudo de lo que crees.
- Si nada ha funcionado, pide a tu proveedor de hosting que vacíe la caché del servidor.
¿Cuándo miente el botón de vaciar la caché?
Cuando PrestaShop no tiene permiso para borrar los archivos. El botón muestra un mensaje de éxito, pero algunos archivos de la carpeta var/cache o de la carpeta de CSS y JS combinados se quedan, porque pertenecen a otro usuario del servidor. Pasa después de mover la tienda, después de una actualización hecha desde la línea de comandos y después de subir archivos a mano por FTP.
El síntoma: la vacías varias veces, el mensaje sale en verde y la página sigue siendo la antigua. En el foro de PrestaShop sobre archivos CSS (en polaco) se repiten historias parecidas. En esta situación solo puede ayudar alguien con acceso al servidor, corrigiendo el propietario y los permisos de los archivos. En la guía de Zenbox (en polaco) encontrarás un repaso de otros fallos habituales tras cambios en el servidor.
Cómo te ayuda el chat cuando no se ven los cambios
Tu chat (Claude o ChatGPT) primero comprueba dónde está el problema, y solo después vacía algo. En TellMyShop Free, la revisión técnica de la tienda muestra los ajustes de caché de Smarty y de combinación de archivos, el modo debug y los errores de los últimos días. El chat también puede cargar una página de la tienda como lo hace un navegador y comprobar qué devuelve: estado, redirecciones, título y encabezados.
Tú: He cambiado el color del botón en custom.css, pero la tienda sigue mostrando el antiguo. Averigua dónde está el problema.
Tu chat: Tu tema tiene activada la combinación de CSS, así que la tienda envía un único archivo combinado guardado antes del cambio. El archivo custom.css del tema activo ya tiene el color nuevo.
Propongo vaciar la caché de plantillas y de archivos combinados. Las primeras visitas después de vaciarla serán más lentas.
Tú: Hazlo.
Tu chat: Vaciada. En la primera visita la tienda creará un archivo combinado nuevo, con el color nuevo. Si sigues viendo el antiguo, recarga el navegador saltándote la caché y después comprueba si la tienda está detrás de un CDN.
Vaciar la caché funciona en TellMyShop Pro con el interruptor Tema activado. La caché se reconstruye sola, así que esta acción no queda en el historial de cambios y no hay nada que deshacer. Tienes una petición de ejemplo en el caso de uso refrescar páginas en caché.
Si el cambio era en el pie de página, lee también cómo quitar «Powered by PrestaShop» para que el cambio sobreviva a una actualización del tema. Y si en lugar de la versión antigua ves una página en blanco o un error, lee nuestro artículo sobre el error 500 en PrestaShop.
Preguntas y respuestas
¿Dónde está el botón de vaciar la caché en PrestaShop?
En el panel, ve a Parámetros avanzados y después a Rendimiento. El botón de vaciar la caché está en la esquina superior derecha de la página. Borra las plantillas compiladas, la caché de Smarty y los archivos CSS y JS combinados. No vacía el navegador del cliente ni las cachés del servidor y del CDN, que funcionan fuera de PrestaShop.
¿Vaciar la caché puede dañar mi tienda?
No borra ningún dato de la tienda. Las primeras visitas después de vaciarla son más lentas, porque PrestaShop vuelve a preparar las plantillas y los archivos. En una tienda grande es mejor hacerlo fuera de las horas punta. No lo hagas durante una importación de productos.
¿Por qué no cambia nada después de editar el CSS?
Casi siempre la tienda tiene activada la combinación de CSS y JS, así que el navegador recibe el archivo combinado antiguo. Vacía la caché en el panel y recarga la página saltándote la caché del navegador. Si sigue sin cambiar, comprueba que editaste el archivo del tema activo, no el del tema padre ni una copia.
¿El modo debug me ayuda a ver los cambios?
Desactiva parte de la caché y muestra los errores, así que facilita el diagnóstico durante un rato. No lo dejes activado en una tienda en marcha, porque ralentiza el sitio y puede mostrar mensajes técnicos a los clientes. Cuando hayas comprobado lo que querías, desactívalo y vacía la caché.
¿Puede el chat vaciar la caché?
Sí, en TellMyShop Pro con el interruptor Tema activado. Lo activas en el panel del módulo durante 24 horas, y necesita una copia de seguridad de la base de datos hecha el mismo día. En la versión gratuita TellMyShop Free, el chat revisa los ajustes de caché y te dice de qué capa sospechar, pero no vacía nada.
PrestaShop es una marca registrada de PrestaShop SA. Claude es una marca de Anthropic PBC. ChatGPT y OpenAI son marcas de OpenAI. TellMyShop no está afiliado a estas empresas.