El empleo de un slide, también conocido como «carrusel de imágenes», está muy extendido entre webs profesionales, ya sean tiendas online o web corporativas. Su uso en Prestashop está muy indicado para promocionar productos estrella, ofertas destacadas o nuevos productos.
Uno de los sliders más usados en Internet, y mi preferido por cierto, es el Nivo Slider, basado en el famosa librería Javascript jQuery.
Gracias al carácter modular de Prestashop, se puede instalar éste slide en forma de módulo de manera muy sencilla.
Entre los diferentes módulos de slide basados en Nivo Slider he elegido el módulo gratuito «minic slider«. Este módulo diseñado para las últimas versiones de Prestashop y basado en la última versión del Nivo jQuery slider es el más completo y fácil de administrar actualmente, y además como he comentado es GRATIS.
Características del Módulo minic slider
- 16 Sensacionales Efectos de Transición
- Thumbnails
- Texto para Título y Caption
- Configuracíon total via BackOffice
- Publicación, Borrado y Modificación de cada slide de manera separada.
- Soporte de Multi Lenguaje.
- 3 diferentes posición del módulo (content, left y right sidebar)
El módulo minic slider está soportado por los siguientes navegadores de Internet:
- Internet Explorer v7+
- Firefox v3+
- Google Chrome v4
- Safari v4
- Opera v10.5
Además éste módulo ha sido testeado en Prestashop v1.4.5 y v1.4.7, pero debería funcionar en cualquier Prestashop con versión superior a la v1.3.
Instalación del módulo minic slider
Para la instalación de dicho módulo, es necesario proceder a su descarga desde el enlace disponible en el foro oficial de Prestashop. A día de hoy, la versión mas reciente es la minicslider-v2.0.zip. Una vez descargado el módulo en nuestro PC, procederemos a instalar el módulo de la manera ordinaria, ya bien subiendo la carpeta descomprimida al directorio modules de nuestro Prestashop, o bien mediante el module uploader del Backoffice de Prestashop (más sencillo):
A continuación tenemos que ir a la lista de «Módulos > Publicidad y Márketing» y buscar el módulo recién instalado llamado «minic slider – powered with Nivo jQuery Slider«, le damos al botón de activar (aspa roja) y hacemos clic en «Configurar»:
Desde esta página configuraremos el comportamiento y efectos de nuestro slide, podremos añadir los slides (imágenes) del carrusel y ordenarlos a nuestro gusto. Existen unos iconos informativos (en inglés) que nos indicarán que es cada campo. Aprovecho para comentar que las imágenes que subamos no se «reescalan«, por lo que es importante subir todas las imágenes con el mismo tamaño para que el slide tenga un aspecto homogéneo.
Por último, sólo quedaría posicionar el slide dentro de nuestro Prestashop. Por defecto este aparece abajo en la zona de contenido de la home. Para moverlo, podemos hacerlo fácilmente desde el «Live Edit» dentro de «Back Office > Módulos > Posiciones».
Espero que este tutorial os haya sido útil. Estad atentos en nuestro blog a próximos tutoriales y videotutoriales.
Más información: Descarga minic slider
Información Relacionada: Tu tienda online con Prestashop desde 5,45€/mes!