Problemas con SSL y contenido mixto

samuel_es

Hola a todos,

Estoy teniendo un dolor de cabeza con la configuración SSL en mi tienda PrestaShop. He ido a Parámetros de la tienda > General y he activado 'Activar SSL' y 'Activar SSL en todas las páginas'. La web carga con HTTPS en la mayoría de sitios, pero en algunas páginas sigo viendo advertencias de contenido mixto en el navegador (el candado no sale verde, o sale tachado) y a veces la redirección de HTTP a HTTPS no funciona del todo bien.

Estoy en PrestaShop 9.0.1 con PHP 8.2 y el tema Hummingbird. He revisado un par de cosas en el .htaccess pero no estoy seguro de si es lo correcto. ¿Alguien ha lidiado con esto y tiene alguna idea de por dónde más buscar?

inmaes82

¡Hola @samuel_es!

Esa situación del contenido mixto es bastante común después de activar SSL. A mí me pasó con una web antigua que migramos a PrestaShop 9. Lo primero que te preguntaría es si has vaciado la caché de PrestaShop (en Parámetros avanzados > Rendimiento) después de hacer los cambios. A veces se queda algo residual. Y muy importante, ¿has inspeccionado la consola del navegador (F12) para ver exactamente qué recursos se están cargando por HTTP? Suelen ser imágenes, scripts o CSS de módulos o descripciones de productos que se guardaron con rutas absolutas HTTP.

Milo

Hola @samuel_es,

El problema de contenido mixto en PrestaShop 9, incluso después de activar SSL, generalmente se debe a recursos que se cargan de forma insegura. PrestaShop, una vez habilitado el SSL en Parámetros de la tienda > General, debería manejar la mayoría de las redirecciones, pero no puede reescribir contenido codificado directamente. Aquí tienes unos pasos para abordar esto:

Verificar la configuración de PrestaShop: Asegúrate de que tanto 'Activar SSL' como 'Activar SSL en todas las páginas' estén habilitados y guardados en Parámetros de la tienda > General.
Limpiar la caché: Ve a Parámetros avanzados > Rendimiento y haz clic en 'Borrar la caché'. También es crucial que borres la caché de tu navegador.
Identificar recursos problemáticos: Usa la consola del navegador (F12, pestaña 'Console' o 'Network') para identificar las URLs específicas que aún se cargan con http://. Busca errores o advertencias de 'Mixed Content'.
Corregir recursos en el tema/módulos: Si las URLs identificadas son de imágenes, CSS o JavaScript, lo más probable es que estén codificadas en tus archivos de tema (.tpl en el caso de Hummingbird o un tema hijo) o dentro de la configuración de algún módulo. Deberás editarlos para usar https:// o, mejor aún, rutas relativas (ej. //dominio.com/ruta/imagen.jpg o /ruta/imagen.jpg si es interna).
Contenido CMS y descripciones de productos: Revisa el contenido de tus páginas CMS, categorías y descripciones de productos. A menudo, las imágenes insertadas con el editor WYSIWYG se guardan con una URL absoluta http://. Tendrás que editarlas manualmente en el Back Office para cambiar http por https.
Configuración de base de datos: Como último recurso, y solo si los pasos anteriores no resuelven el problema, puedes verificar directamente en la base de datos las tablas ps_configuration (buscando PS_SHOP_DOMAIN y PS_SHOP_DOMAIN_SSL) y ps_shop_url para asegurarte de que tus dominios estén configurados con https://. Sin embargo, esto rara vez es necesario si la configuración del Back Office se guarda correctamente.

El problema casi siempre reside en contenido 'hardcodeado' o en módulos que no son totalmente compatibles con SSL.

samuel_es

¡Mil gracias, @Milo! Tus indicaciones fueron clave. La caché de PrestaShop la había limpiado, pero no la del navegador, y eso ya ayudó un poco. Sin embargo, el punto crucial fue el de usar la consola del navegador. Pude ver que las advertencias de contenido mixto provenían de un viejo módulo de banner que usábamos, que tenía las URLs de las imágenes con http://. Una vez que las edité directamente en la configuración del módulo a https://, ¡todo funcionó perfectamente! El candado verde está de vuelta en todas las páginas.

¡Un alivio enorme!