Prestashop 1.7 no deja de darnos «sorpresitas», y una de las últimas es que el carrusel de diapositivas o slider no se visualiza en dispositivos móviles. pero todo tiene solución en el mundo web.
Para conseguir nuestro objetivo de hoy, hacer visible el homeslider en móviles y otros dispositivos móviles, tenemos que hacer algún pequeño cambio en el propio módulo. Nos dirigimos a la sección de Módulos y buscamos el «Carrusel de Imágenes» en los módulos instalados.
Desplegamos el menú que aparece en el botón de configuración y activamos «Enable mobile» para que este módulo se muestre en dispositivos móviles.
Una vez hecha esta operación tenemos que editar el archivo slider.tpl que se encuentra en la ruta;
themes/classic/modules/ps_imageslider/views/tempaltes/hook/slider.tpl
Sustituir la siguiente línea:
<div id=»carousel» data-ride=»carousel» class=»carousel slide hidden-sm-down» data-interval=»{$homeslider.speed}» data-wrap=»{(string)$homeslider.wrap}» data-pause=»{$homeslider.pause}»>
por esta otra;
<div id=»carousel» data-ride=»carousel» class=»carousel slide» data-interval=»{$homeslider.speed}» data-wrap=»{(string)$homeslider.wrap}» data-pause=»{$homeslider.pause}»>
Y ya hemos acabado, limpiar caché y comprobar que todo funciona bien.
Gracias por vuestro blog . Me pregunto si la imagen del slider y su texto se ajustarían correctamente a un smartphone. Pinta que no.
Hola Ramón, el módulo slider se adapta perfectamente en dispositivos móviles.
Muchas gracias por el tip.
Buenas, he modificado la linea que decías para que se viera en versión móvil, pero ahora en la versión web el carrusel no pasa las imágenes y se quedan estáticas. ¿Hay alguna forma de hacer que pasen las imágenes, o he de volver a poner la línea que he quitado del slider.tpl?
Hola Lana, hemos visitado tu web y vemos que el slider no funciona correctamente ni en la versión de escritorio, ya que no cambia de imagen y además las flechas aparecen fuera del área del módulo. Vuelve a poner la línea que has eliminado y comprueba si ambos errores desaparecen. ¿Qué versión de PS usas?
Hola!! la version 1.7.3.1, vulevo a ponerlo como estaba a ver si la he liado :(((
pos en mi caso tengo tenia el mismo problema pero yo volví a poner el codigo que tenia y lo solucione
este código tenia
mo version es
1.7.4.2
Hola, yo tengo la versión 1.7.5.2 y unicamente he tenido que poner el carrusel de imágenes con enable mobile y va, lo del link no me ha hecho falta. ¿es muy necesario?
Hola Miriam, puede ser que en las versiones de PS más recientes no sea necesario editar el archivo que mencionamos en el post. Si ya te funciona sin editar el archivo pues ya lo has conseguido.