Cómo arreglar el error 'PrestaShop no muestra imágenes' en WordPress

¿Por qué PrestaShop no muestra imágenes en WordPress?

Si estás leyendo esto, probablemente te hayas encontrado con el clásico problema de prestashop no muestra imágenes en tu web. Es frustrante, lo sé. Un día todo funciona y al siguiente tu tienda parece un colador lleno de huecos grises con iconos de imagen rota.

La buena noticia es que este es uno de los errores más comunes y, por tanto, tiene soluciones bien documentadas. Antes de que te agobies, respira hondo. En este artículo vamos a desgranar, paso a paso y sin tecnicismos innecesarios, cómo arreglar las imágenes rotas prestashop tanto si tienes una instalación independiente como si la has integrado de alguna manera con WordPress.

Vamos a empezar por lo básico para ir subiendo en complejidad.

Diagnóstico rápido: ¿Cuál es el origen del problema?

Las prestashop imágenes no cargan puede deberse a varias causas. Para no ir a ciegas, haz esta prueba rápida:

1. Haz clic derecho sobre una imagen rota y selecciona "Abrir imagen en una pestaña nueva".
2. Observa la URL que aparece en la barra de direcciones.
3. Si te da un error 404, el archivo físico no está donde debería.
4. Si te da un error 500 o de "prohibido", es un problema de permisos o de servidor.
5. Si la URL parece extraña (con caracteres raros o rutas incompletas), es un problema de configuración de la base de datos o de los enlaces permanentes.

Una vez que sepas el tipo de error, podemos aplicar la solución correcta. A continuación, te dejo las causas más comunes y cómo resolverlas.

Restablecer las imágenes en PrestaShop (La solución mágica)

PrestaShop tiene una herramienta interna que regenera todas las miniaturas y redimensiona las imágenes. Si tus imágenes rotas prestashop son solo un problema de tamaño o de caché, esto lo soluciona en segundos.

Pasos para regenerar las imágenes

1. Accede a tu panel de administración de PrestaShop.
2. Ve a la pestaña Diseño (o "Design").
3. Busca la opción Imágenes (o "Image Management").
4. En la parte inferior de la pantalla, verás un botón que dice "Regenerar miniaturas" o "Regenerate thumbnails".
5. Selecciona todas las casillas (productos, categorías, etc.) y pulsa el botón.

[TIP] Este proceso puede tardar unos minutos si tienes una tienda grande. No cierres la pestaña del navegador hasta que termine por completo. Verás una barra de progreso.

Si después de esto las imágenes siguen sin cargar, continúa con el siguiente paso.

Comprobar los permisos de archivos y carpetas

Un clásico. Si los permisos de las carpetas donde se almacenan las imágenes son incorrectos, el servidor no puede leer los archivos y, por tanto, no los muestra.

¿Cómo se hace?

Necesitas acceder a tu hosting. Puedes usar el administrador de archivos de tu panel de control o un cliente FTP como FileZilla.

1. Conecta a tu servidor.
2. Busca la carpeta raíz de tu PrestaShop (normalmente public_html o www).
3. Busca la carpeta /img. Es la que guarda todas las imágenes de productos y categorías.
4. Haz clic derecho sobre la carpeta img y selecciona "Permisos de archivo" o "File permissions".
5. Introduce el valor 755 para carpetas y 644 para archivos.
6. Marca la casilla de "Recursivo" (aplicar a subcarpetas) si te lo pide.

[WARNING] No uses permisos 777 nunca. Es un agujero de seguridad grave. Si tu hosting te lo pide, es una mala señal.

Si tu hosting es una plataforma como Syspanel (recuerda que su puerto de acceso es el 2106), el proceso es similar. Busca el gestor de archivos dentro del panel, navega a la carpeta img y ajusta los permisos desde ahí.

El problema de la caché: Limpiar caché de PrestaShop y de tu navegador

A veces, el navegador guarda una versión antigua de la página y por eso ves las prestashop imágenes no cargan, aunque en realidad el archivo sí existe.

Limpieza en PrestaShop

1. Ve a Parámetros avanzados > Rendimiento.
2. Pulsa el botón "Vaciar la caché" (o "Clear cache").
3. También puedes forzar la compilación de plantillas en "Modo de depuración" si es necesario, pero con vaciar la caché suele bastar.

Limpieza en tu navegador

1. Pulsa Ctrl + Shift + Supr (o Cmd + Shift + Supr en Mac).
2. Selecciona "Imágenes y archivos almacenados en caché".
3. Borra los datos.

[INFO] Si usas un plugin de caché en WordPress (como W3 Total Cache o WP Rocket), también debes purgar la caché de esos plugins. A veces, el problema no es de PrestaShop, sino de un conflicto entre las cachés de ambas plataformas si las tienes integradas.

La base de datos y los enlaces permanentes

Este es un punto más técnico, pero muy común si has movido la tienda de dominio o de servidor. La base de datos guarda las rutas de las imágenes. Si esas rutas son antiguas, las imágenes no se encontrarán.

Solución: Actualizar las URLs en la base de datos

1. Accede a tu panel de control de hosting (como Syspanel, puerto 2106) y busca phpMyAdmin.
2. Selecciona la base de datos de tu PrestaShop.
3. Ve a la tabla ps_shop_url (el prefijo puede variar). Aquí se guarda la URL principal de la tienda.
4. Asegúrate de que el campo domain y physical_uri son correctos (sin http:// ni / al final).
5. Si has cambiado de dominio, necesitarás ejecutar una consulta SQL para reemplazar las rutas antiguas por las nuevas.

La consulta sería algo así:

UPDATE ps_product_image SET image = REPLACE(image, 'www.antiguodominio.com', 'www.nuevodominio.com');

[WARNING] ¡OJO! Antes de tocar la base de datos, haz una copia de seguridad. Un error aquí puede romper toda la tienda. Si no te sientes seguro, contacta con tu proveedor de hosting y pide ayuda. Con Syspanel, puedes hacer una copia de seguridad fácilmente desde el panel.

Comprobar la configuración de "Amigables URL" en PrestaShop

A veces, si tienes activadas las URLs amigables y el archivo .htaccess no se ha generado bien, las imágenes dejan de mostrarse.

1. En el panel de PrestaShop, ve a Parámetros avanzados > Herramientas.
2. Pulsa en "Generar .htaccess".
3. Guarda los cambios.

Conflictos con WordPress: Cuando PrestaShop y WordPress conviven

Este artículo se centra en cómo arreglar el error prestashop no muestra imágenes en WordPress. Esto suele pasar cuando tienes un WordPress como blog o página principal y la tienda PrestaShop en una subcarpeta (ej: /tienda).

El problema de las rutas relativas

Si has instalado PrestaShop en una subcarpeta, es posible que las imágenes se estén buscando en la raíz de WordPress en lugar de la subcarpeta de PrestaShop.

La solución más sencilla es usar rutas absolutas. Ve a Preferencias > General en PrestaShop y asegúrate de que el campo "Dominio de la tienda" y "Ruta" están correctamente configurados. Debe ser algo como:

• Dominio: www.tudominio.com
• Ruta: /tienda/ (si está en subcarpeta)

El conflicto de los archivos index.php

WordPress y PrestaShop a veces usan archivos index.php que entran en conflicto si están mal configurados. Si al abrir una imagen te sale un error de "No se puede conectar con el servidor", revisa si hay un .htaccess en la raíz de WordPress que esté bloqueando el acceso a la subcarpeta de PrestaShop.

Puedes probar a añadir estas líneas al .htaccess de la raíz de WordPress:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^tienda/(.*)$ /tienda/$1 [L]
</IfModule>

[TIP] Asegúrate de que el nombre de la carpeta coincide con el que has usado. Si tu tienda está en /shop, cambia tienda por shop.

Errores de memoria y límites del servidor

Si tu tienda es grande y tiene muchas imágenes, es posible que el servidor se quede sin memoria al intentar regenerar o mostrar las imágenes. Esto se manifiesta con errores de "500 Internal Server Error" o imágenes que se cargan a medias.

Aumentar el límite de memoria de PHP

1. Accede a tu hosting y busca el archivo php.ini o php5.ini.
2. Añade o modifica esta línea:

memory_limit = 256M
max_execution_time = 300

Si no puedes editar ese archivo, puedes intentar añadir esto al archivo config/settings.inc.php de PrestaShop (justo al principio):

ini_set('memory_limit', '256M');
ini_set('max_execution_time', '300');

[WARNING] No subas la memoria a valores extremos si no es necesario. 256M suele ser más que suficiente para la mayoría de tiendas.

El Modo Seguro y los módulos problemáticos

Algunos módulos de terceros pueden interferir con la visualización de imágenes. Para descartarlo, desactiva todos los módulos no esenciales temporalmente.

1. Ve a Módulos > Gestor de módulos.
2. Desactiva todos excepto los de pago y envío.
3. Comprueba si las imágenes vuelven a aparecer.
4. Si es así, reactiva los módulos uno a uno para encontrar al culpable.

Solución final: Re-subir las imágenes manualmente

Si nada de lo anterior funciona, la solución más drástica pero efectiva es volver a subir las imágenes desde el panel de administración.

1. Ve a Catálogo > Productos.
2. Edita un producto que tenga la imagen rota.
3. En la pestaña de imágenes, elimina la imagen que no se ve.
4. Vuelve a subirla desde tu ordenador.
5. Guarda los cambios.

Esto es tedioso si tienes muchos productos, pero es infalible. Si el problema es masivo, considera usar una herramienta de importación masiva de imágenes vía CSV.

Preguntas Frecuentes (FAQ)

¿Por qué solo se ven algunas imágenes y otras no?

Esto suele indicar que el problema es de caché o de permisos en archivos específicos. Revisa que los permisos de la carpeta img sean correctos y limpia la caché de PrestaShop y del navegador.

¿Cómo sé si mi hosting usa Syspanel?

Si tu proveedor de hosting te da acceso a un panel con ese nombre y el puerto es el 2106, entonces sí. En ese panel, busca la sección de "Administrador de archivos" o "Base de datos" para aplicar las soluciones mencionadas.

¿Puedo usar un plugin de WordPress para arreglar las imágenes de PrestaShop?

No directamente. Los plugins de WordPress no pueden modificar la estructura interna de PrestaShop. Son plataformas separadas. Lo mejor es aplicar las soluciones dentro del panel de administración de PrestaShop o del hosting.

Las imágenes se ven en el panel de administración pero no en la tienda.

Esto es un problema de permisos de lectura en el servidor o de la caché del front-office. Vacía la caché de PrestaShop desde el back-office y verifica los permisos de la carpeta img en el servidor.

He movido mi web a un nuevo hosting y ahora no se ven las imágenes.

Casi seguro es un problema de rutas en la base de datos. Revisa la tabla ps_shop_url y actualiza las URLs viejas con las nuevas. También regenera el .htaccess desde PrestaShop.

Resumen: Checklist para arreglar las imágenes de PrestaShop

Para que no se te olvide nada, aquí tienes la lista de verificación final:

• Regenerar miniaturas desde el panel de PrestaShop.
• Verificar permisos de la carpeta /img (755 para carpetas, 644 para archivos).
• Vaciar caché de PrestaShop y del navegador.
• Comprobar URLs en ps_shop_url y actualizarlas si es necesario.
• Generar el archivo .htaccess desde PrestaShop.
• Aumentar el límite de memoria PHP si la tienda es grande.
• Desactivar módulos de terceros para descartar conflictos.
• Re-subir imágenes manualmente como último recurso.

Con esta guía, el problema de prestashop no muestra imágenes debería quedar resuelto en la mayoría de los casos. Si después de todo esto sigues con el problema, te recomiendo contactar con tu proveedor de hosting (si usas Syspanel, recuerda el puerto 2106) y preguntar si hay algún error en los logs del servidor. Ellos podrán ver si el servidor está bloqueando el acceso a los archivos por alguna regla de seguridad.

Espero que este artículo te haya sido de ayuda. No te desesperes, que esto tiene solución. ¡Buena suerte con tu tienda!