activar homeslider en dispositivos móviles prestashop 1.7

Activar Homeslider en dispositivos móviles en Prestashop 1.7

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.

activar homeslider en móviles prestashop 1.7

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.

About the author: Franky Martin (ADMIN)

7 comments to “Activar Homeslider en dispositivos móviles en Prestashop 1.7”

You can leave a reply or Trackback this post.

  1. Ramón - 18 noviembre, 2017 at 23:29 Reply

    Gracias por vuestro blog . Me pregunto si la imagen del slider y su texto se ajustarían correctamente a un smartphone. Pinta que no.

  2. admin - 28 diciembre, 2017 at 10:32 Reply

    Hola Ramón, el módulo slider se adapta perfectamente en dispositivos móviles.

  3. Pedro Acosta - 21 febrero, 2018 at 18:02 Reply

    Muchas gracias por el tip.

  4. Lana - 11 junio, 2018 at 12:51 Reply

    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?

  5. Franky Martin (ADMIN) - 11 junio, 2018 at 13:16 Reply

    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?

  6. Lana - 11 junio, 2018 at 16:50 Reply

    Hola!! la version 1.7.3.1, vulevo a ponerlo como estaba a ver si la he liado :(((

  7. Gordillo - 12 septiembre, 2018 at 17:28 Reply

    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

Leave a Reply

Your email address will not be published.

17 − 15 =