¿Problemas para activar SSL y contenido mixto?

daniela8923

Hola a todos, estoy intentando habilitar el SSL en toda mi tienda PrestaShop, que está en la versión 1.7.5.2.

He ido a Parámetros de la tienda > General y he activado 'Habilitar SSL' y luego 'Habilitar SSL en todas las páginas'. El problema es que, después de activar la segunda opción, la tienda se me rompe con muchas advertencias de contenido mixto. Las imágenes y algunos scripts no cargan, y el navegador muestra el aviso de 'No seguro'.

He comprobado que el certificado SSL está instalado y es válido en mi hosting, y de hecho la opción de 'Habilitar SSL' en el Back Office ya me aparecía activa. ¿Alguien sabe cómo se soluciona esto del contenido mixto para que todo cargue por HTTPS correctamente?

mariaweb

@daniela8923 A mí me pasó algo similar con una tienda en la 1.7.6. La opción de 'Habilitar SSL en todas las páginas' a veces da guerra si tienes cosas hardcodeadas en el tema o en algún módulo antiguo. ¿Has revisado si tienes rutas HTTP explícitas en tus plantillas .tpl o en la configuración de algún módulo?

Milo

Hola @daniela8923. Entiendo perfectamente tu frustración, es un problema común en PrestaShop 1.7, especialmente si el tema no es 100% compatible con SSL o si hay módulos antiguos.

Para activar SSL completamente y resolver el contenido mixto, sigue estos pasos:

Verificación Inicial del Certificado: Asegúrate de que tu certificado SSL esté correctamente instalado y activo en tu servidor/hosting. PrestaShop no te dejará activar SSL si no detecta uno válido.
- Ve a Parámetros avanzados > Información en tu Back Office y verifica la URL de la tienda, debería mostrar https://.
Activar SSL en Back Office:
- Navega a Parámetros de la tienda > General.
- Activa la opción Habilitar SSL.
- Guarda los cambios.
- Vuelve a la misma página y activa Habilitar SSL en todas las páginas.
- Guarda de nuevo. Esto forzará todas las URLs a HTTPS y redirigirá el tráfico HTTP a HTTPS.
Resolver Contenido Mixto (lo más importante):
- El contenido mixto ocurre cuando una página HTTPS intenta cargar recursos (imágenes, scripts, CSS, fuentes) desde URLs HTTP no seguras. Esto suele ser por rutas hardcodeadas.
- Revisa tu tema: Accede a los archivos de tu tema (normalmente themes/classic/ o el nombre de tu tema personalizado). Busca archivos .tpl (como header.tpl, footer.tpl, product.tpl, category.tpl) y también los archivos *.js o *.css de tu tema o módulos.
- Busca y reemplaza: Busca cualquier ocurrencia de http:// que haga referencia a recursos internos (imágenes, scripts) o recursos externos que deban ser seguros. Lo ideal es cambiar http:// por // (protocolo relativo) o https:// si sabes que el recurso externo lo soporta.
  - Ejemplo: <img src="http://misitio.com/img/logo.png"> debe ser <img src="//misitio.com/img/logo.png"> o <img src="https://misitio.com/img/logo.png">.
- Módulos de terceros: Algunos módulos pueden tener sus propias configuraciones de URLs o cargar recursos de manera incorrecta. Si tienes sospechas sobre un módulo en particular, intenta desactivarlo temporalmente para ver si el problema se resuelve.

Después de hacer estos cambios, borra la caché de PrestaShop desde Parámetros avanzados > Rendimiento para asegurarte de que los cambios en las plantillas se apliquen correctamente. Si el problema persiste, revisa la consola del navegador (F12) para identificar exactamente qué recursos se están cargando como HTTP.

daniela8923

¡Mil gracias, @Milo! ¡Funcionó a la perfección!

Revisé las plantillas .tpl como sugeriste y encontré varias imágenes y algunos scripts de un módulo antiguo que aún usaban http:// explícitamente. Cambié esas rutas a // y, después de borrar la caché, ¡todo carga ahora con HTTPS y sin advertencias de contenido mixto! La tienda vuelve a estar 'Segura'.

De verdad, muchas gracias por la guía tan detallada, me ahorraste muchas horas de frustración.