Dc_Slider (un gestor sencillo)

Slider en Magento

Si bien no es una funcionalidad disruptiva, en casi la totalidad de las tiendas, en la home, vamos a encontrar un slider.

Suele ser un elemento que se da por sentado, y se diseña pensándolo como uno de los elementos estrella. Lo que no siempre se piensa, es la gestión futura.

El módulo apunta a ser lo suficientemente sencillo de implementar y lo más flexible en su gestión.

A nivel de configuración, los parámetros posibles son:

Configuración Dc_Slider para Magento

En el grupo Opciones, podemos especificar en qué carpeta, dentro de Media, se van a guardar las imágenes que se suban.

En el grupo de opciones Javascript, tenemos dos parámetros:

  • Incluir jQuery: como se aclara, en caso de no tener la librería incluida, por configuración podemos decidir activarla para nuestro theme.
  • Plugin: el slider funcionar con las funciones slider del theme RWD o incluye el plugin bxSlider. Podremos seleccionar cuál de los dos plugins queremos aplicar.

Luego, definimos el tamaño de las imágenes tanto en el slider como en el backend, en donde veremos las miniaturas al momento de gestionar.

Ahora, si vamos al menú, dentro de CMS, tendremos la opción de Slider.

Menú Dc_Slider para Magento

Al ingresar veremos la grilla, actualmente vacía.

Grilla Dc_Slider

Al agregar un slide, podemos definir los siguientes valores:

Agregando un slide con Dc_Slider

Por ejemplo:

Agregando un slide con Dc_Slider

¿Qué significa cada campo?

  • El campo Nombre es sólo informativo y nos servirá sólo para la gestión.
  • Posición permite gestionar en qué orden se mostrarán las imágenes, sin importar el orden de carga.
  • A través de Estado podemos activar y desactivar un slide sin necesidad de borrar contenido.
  • Archivo es la imagen propiamente dicha que estamos subiendo.
  • Uno de los campos opcionales es Url, que nos permite asignar un link.
  • Los campos Desde y Hasta permiten especificar, si se quiere, durante qué rango de fechas ese slide será mostrado. Fuera de ese rango, el slide no se hace público (quizás, útil para promociones preparadas con antelación).

Luego de cargar nuestro primer slide comenzaremos a ver el contenido en la grilla.

Agregando slides con Dc_Slider

Luego de repetir la operación, ya la grilla comienza a verse así.

Slides con Dc_Slider

El siguiente paso será incluirlo en nuestra home. Para esto, editamos la página estática y dentro del editor, seleccionamos la opción que nos permite insertar widgets.

Insertar widgets en Magento

Y de la lista seleccionamos el widget Slider.

Dc_Slider widget

En el editor se verá como cualquier otro widget.

Widgets en Magento

Una vez que guardemos el contenido, sólo tendremos que ir a la página principal de la tienda y, al menos en un RWD, el resultado debería ser:

Dc_Slider con RWD

Si no estuviéramos usando RWD o no nos gustara el plugin, a través de la configuración, podemos optar por el segundo plugin incluido: bxSlider.

Configuración Dc_Slider para Magento

Al recargar la página veremos el nuevo plugin en funcionamiento.

Dc_Slider con bxSlider

Para no perder la costumbre, Dc_Slider está disponible en GitHub.

Tweet about this on TwitterShare on Google+Email this to someoneShare on FacebookShare on LinkedIn