Martes, 26 Febrero 2013 22:52

Mostrar scroll de productos de VirtueMart 2.0 con Hot Scroller

Escrito por 
CMS:  Joomla! |  Versión:  2.5.x |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


Hot ScrollerEn ocasiones necesitamos mostrar productos de Virtuemart, ya sean de todas las Categorías, de una sola Categoría o varias, o aquellos marcados como "Productos Destacados" y no tenemos muy claro como podemos hacerlo.

Existen extensiones específicas que facilitan esta tarea, y nos ayudan a destacar determinados productos o categorías de productos en lugares destacados de nuestra plantilla para potenciar su consumo o llamar la atención de los visitantes sobre estos.

Módulos como Hot Scroller para VirtueMart facilitan esto mismo de forma rápida y sencilla con la posibilidad de mostrar los productos tanto en scroll vertical como horizontal.

Este módulo desarrollado para Joomla 2.5 y VirtueMart 2.0.x permite mostrar la imagen del producto, nombre (vinculado a la página del producto) y el precio así como el enlace para añadirlo al carrito.

El módulo utiliza efectos de animación avanzados basados en jQuery, por lo que es necesario disponer de esta librería en Joomla.


Ver y valorar Hot Scroller para VirtueMart en el Joomla! Extensions Directory.

Descargar Hot Scroller para VirtueMart desde la web del autor.


Instalación y configuración:

La instalación del módulo es sencilla y se realiza como la de cualquier otra extensión para Joomla 2.5. desde el Gestor de Extensiones, Instalar, Subir Archivo de Paquete.

La activación del módulo se realiza desde Extensiones, Gestor de Módulos, localizando el módulo VirtueMart Scroller. El módulo ya presenta algunos parámetros por defecto que debemos cambiar para adaptar el módulo a nuestras necesidades.

  • Permite cargar jQuery y jQuery UI. Si la plantilla ya lo carga, se puede desactivar esto para evitar posibles errores de javascript.
  • Cargar el script de tiempo de ejecución: Se recomienda desactivar si se tienen múltiples scrollers en la página.
  • Determinar el número de productos a mostrar: El número de productos que se mostrarán en la barra de desplazamiento.
  • ID de la Categoría de Productos: Productos de una categoría específica (0 - todas las categorías).
  • Mostrar sólo Productos Destacados: Muestra sólo los productos establecidos como "Destacados".
  • Permite definir el orden de presentación de los productos.
  • Establecer la Dirección: modo de desplazamiento horizontal o vertical del scroll.
  • Seleccionar el método de transición.
  • Indicar el Ancho y Alto del módulo (% o px, en porcentajes o píxeles (por ejemplo 100% o 950px).
  • Espacio entre los elementos (en píxeles, por ejemplo 10px).
  • Velocidad de la transición (en milisegundos).
  • Tiempo de Retardo (ms), por ejemplo 4000).
  • Color de fondo para el módulo.
  • Color del Panel donde se muestran los productos.
  • Color del borde para los paneles.
  • Grosor del borde (en píxeles, por ejemplo 1px).
  • Margen Panel (en píxeles, por ejemplo 10px).
  • Mostrar título del producto (definir si el título del producto se muestra o no).
  • Establecer el Color del Título del Producto.
  • Establecer el Color del Título del Producto al pasar el ratón.
  • Establecer la alineación del Título del Producto.
  • Establecer el tamaño de la imagen (en píxeles, por ejemplo 120px).
  • Establecer la alineación de imagen: izquierda, derecha o centro.
  • Mostrar la Descripción corta del Producto: si está disponible.
  • Descripción Color: Selecciona el color para el texto de la descripción.
  • Alineación de la Descripción del Producto: izquierda, derecha o centro.
  • Mostrar Precios: Mostrar u ocultar los precios de los productos expuestos.
  • Color del Precio: Selecciona el color para el texto de precio.
  • Alineación del Precio: izquierda, derecha o centro.
  • Mostrar "Añadir al Carrito".
  • Modificar el texto 'Añadir al carrito'.


Navegadores soportados:

Internet Explorer 7+, Firefox, Opera, Google Chrome, Safari

En el siguiente vídeo realizamos la instalación del módulo Hot Scroller para VirtueMart y su publicación en Joomla 2.5.





¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+