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.
7 comments to “Activar Homeslider en dispositivos móviles en Prestashop 1.7”
You can leave a reply or Trackback this post.
Ramón - 18 noviembre, 2017 at 23:29
Gracias por vuestro blog . Me pregunto si la imagen del slider y su texto se ajustarían correctamente a un smartphone. Pinta que no.
admin - 28 diciembre, 2017 at 10:32
Hola Ramón, el módulo slider se adapta perfectamente en dispositivos móviles.
Pedro Acosta - 21 febrero, 2018 at 18:02
Muchas gracias por el tip.
Lana - 11 junio, 2018 at 12:51
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?
Franky Martin (ADMIN) - 11 junio, 2018 at 13:16
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?
Lana - 11 junio, 2018 at 16:50
Hola!! la version 1.7.3.1, vulevo a ponerlo como estaba a ver si la he liado :(((
Gordillo - 12 septiembre, 2018 at 17:28
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