Slider de Prestashop 1.7

Slider de Prestashop 1.7

El slider que se muestra en la página principal de Prestashop 1.7, lo podemos configurar en la pestaña módulos -> módulos y servicios (módulos instalados), con el nombre: “Carrusel de imágenes” o bien directamente con el nombre interno “ps_imageslider“.

Entrando a la configuración del slider de Prestashop 1.7

Las opciones de configuración que nos ofrece el slider en Prestashop 1.7, son las siguientes:

Empezamos con los ajustes generales del módulo:

Primero bloque de configuración del Slider

  • Velocidad ->Tiempo de transición entre el cambio de imágenes
  • Pausar al posicionar el ratón por encima –> Opción de pausar la transición del slider cuando pasamos el ratón sobre el.
  • Repetir indefinidamente -> Opción de poder repetir la transición de las imágenes del slider indefinidamente

Pasamos al segundo bloque de configuración del Slider, donde podemos gestionar los elementos del slider.

Listado de elementos en el Slider de Prestashop 1.7

Vamos a pulsar el icono de “+” para añadir un nuevo elemento en el Slider

Añadir nueva diapositiva en el Slider de Prestashop 1.7

El formulario de creación del nuevo elemento (diapositiva) en el slider solicita la siguiente información:

Nueva diapositiva en Prestashop 1.7

  • Imagen ->Subimos la imagen que vayamos a mostrar.
  • Título -> Título de la diapositiva

    Título de la diapositiva

  • URL de destino -> Enlace de la diapositiva
  • Título -> Campo alt de la imagen

    alt de la imagen

  • Descripción-> Descripción de la diapositiva

    Descripción de la diapositiva en Prestashop 1.7

  • Activado -> Activar / Desactivar diapositiva

Otras opciones, que tenemos disponibles en el Slider de Prestashop 1.7, es que podemos ordenar los elementos arrastrándolos hacia arriba o hacia abajo 🙂

Ordenar diapositivas del slider de Prestashop 1.7

Por supuesto, una vez que hayamos creado una diapositiva, podemos volver a modificar o eliminarla.

Eliminar / Modificar diapositiva

Desde el listado de diapositivas, podemos activar y desactivar los elementos, sin necesidad de entrar a su ficha de edición.

Activar / Desactivar elemento del Slider

Los ficheros del módulo se encuentran en el directorio:

/modules/ps_imageslider/

Ficheros del Slider en Prestashop 1.7

El fichero TPL del slider se encuentra sobreescrito en la plantilla por defecto de Prestashop 1.7, en:

/themes/classic/modules/ps_imageslider/views/templates/hook/slider.tpl

Fichero TPL del Slider sobreescrito en la plantilla por defecto de Prestashop 1.7

El módulo inicialmente se encuentra instalado en el displayHome y displayHeader

Recordar que el hook -> displayHome es el hook situado en la página principal y el hook -> displayHeader es donde habitualmente se cargaban las hojas de estilo (css) y ficheros *.js

Documento construido bajo Prestashop 1.7.1.0

Print Friendly
Hosting Prestashop

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *