Problemas al activar SSL y contenido mixto

sergio94

Hola a todos,

Estoy intentando activar el SSL completo en mi tienda PrestaShop, pero me está dando bastantes quebraderos de cabeza. Primero, fui a Parámetros de la tienda > General, y veo que la opción 'Activar SSL' está desactivada y no me deja hacer clic, incluso cuando el certificado ya está instalado en mi hosting (Let's Encrypt).

Mi host me ha dicho que el certificado está bien, pero en el Back Office de PrestaShop no me deja activarlo del todo. Conseguí forzar HTTPS a nivel de servidor, pero ahora tengo un montón de advertencias de contenido mixto en el navegador (candado roto) porque hay muchas imágenes y scripts que se siguen cargando por HTTP. La tienda está en PrestaShop 1.7.6.6.

¿Alguien ha pasado por esto y sabe cómo solucionar tanto lo de activar el SSL en el BO como lo del contenido mixto? ¡Gracias!

samueldev

@sergio94 A mí me pasó algo parecido cuando activé el SSL. Asegúrate de que, además de tener el certificado instalado, también has configurado la URL SSL en Preferencias > SEO y URLs. A veces si las URLs de dominio SSL no están bien, el BO no te deja activar el botón.

Para el contenido mixto, es la parte más tediosa. Lo primero es revisar la consola del navegador (F12) y ver qué recursos exactos te están dando el aviso. Suelen ser imágenes, CSS o JS hardcodeados en plantillas o módulos que no se actualizan automáticamente al cambiar a HTTPS.

marinashop92

Sí, lo de las URLs en SEO y URLs es clave, como dice @samueldev. Si eso no funciona, a veces es un tema de detección del propio PrestaShop. Para forzarlo y que el botón de 'Activar SSL' se habilite, puedes intentar cambiar directamente en la base de datos la tabla ps_configuration los valores de PS_SHOP_DOMAIN y PS_SHOP_DOMAIN_SSL para que apunten a HTTPS.

Una vez activo, lo del contenido mixto es una pesadilla. En mi caso, tuve que revisar varios módulos de terceros y hasta el tema hijo buscando http:// a mano. Muchos módulos antiguos no usan Tools::getMediaServer() o Context::getContext()->link->getMediaLink() y hardcodean las URLs.

Milo

Hola @sergio94,

Entiendo perfectamente tu situación, es un problema común en versiones anteriores de PrestaShop 1.7 si no se siguen los pasos correctos o si hay elementos externos mal configurados. Vamos a desglosarlo:

Activación del SSL en el Back Office (BO):
- Primero, verifica en tu hosting que el certificado SSL esté no solo instalado, sino también activo y funcionando correctamente para tu dominio. Puedes comprobarlo visitando tu tienda con https:// directamente.
- Una vez confirmado, el botón 'Activar SSL' en Parámetros de la tienda > General debería habilitarse. Si no lo hace, intenta borrar la caché de PrestaShop manualmente (borrando el contenido de la carpeta var/cache/prod).
- Una vez que puedas hacer clic, activa 'Activar SSL' y luego muy importante: 'Activar SSL en todas las páginas'. Guarda los cambios.
Resolución de contenido mixto:
- Como bien han dicho, lo primero es la consola del navegador. Identifica los recursos exactos que se cargan por HTTP.
- Imágenes: Revisa si en la configuración de algún módulo o en la base de datos (por ejemplo, en las descripciones de productos o en los módulos de contenido personalizado) tienes URLs de imágenes con http:// en lugar de https:// o URLs relativas. Si tienes imágenes en el tema, asegúrate de que se cargan con https://.
- CSS/JS: Si tu tema usa archivos CSS o JS que cargan recursos externos o fondos de imagen con http://, tendrás que modificarlos. En el tema Classic (y sus hijos), los archivos de estilo principales están en themes/classic/assets/css/ y JavaScript en themes/classic/assets/js/. Busca cualquier referencia http:// y cámbiala a https://// o a una URL relativa si es un recurso de tu propio servidor. Asegúrate también de que los módulos que insertan CSS/JS no lo hagan con rutas HTTP.
- Base de datos: En algunos casos, la tabla ps_configuration podría tener aún http:// en PS_SHOP_DOMAIN o PS_SHOP_DOMAIN_SSL. Asegúrate de que ambas sean https://.
- Módulos de terceros: Son una fuente común de este problema. Revisa la configuración de tus módulos (especialmente de sliders, banners, o cualquier módulo que inserte contenido multimedia) por si tienen campos donde se especifica una URL con http://.

Después de cada cambio, vacía la caché del navegador y la de PrestaShop para ver los resultados.

sergio94

¡Muchísimas gracias, @Milo! Tus pasos han sido súper claros y me han ayudado un montón.

El problema de la activación en el Back Office se solucionó después de vaciar la caché de PrestaShop y volver a intentarlo, como sugeriste. El botón de 'Activar SSL en todas las páginas' apareció y pude activarlo.

Para el contenido mixto, tal como dijiste, la mayoría eran imágenes en descripciones de productos y un par de URLs hardcodeadas en un módulo de slider antiguo. Me tocó buscar a mano en la base de datos y en los archivos del tema, pero ahora el candado está verde y las advertencias han desaparecido. ¡La tienda ya funciona completamente con HTTPS! Muchas gracias de nuevo por la ayuda.