Miércoles, 12 Septiembre 2012 03:16

Slideshow de productos para Virtuemart 2.0

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


Slideshow de productos para Virtuemart 2.0Las imágenes aportan mucha calidad a nuestra página, y pueden ser el complemento más importante para llamar la atención y obtener más visitas. Si a esto podemos agregar una animación, efectos, estilos, e inclusive una funcionalidad para vincular dicha imagen a un producto en particular.

En el siguiente artículo explicaremos como asociar las imágenes que ingresamos en nuestra tienda con Virtuemart 2.0 para que se presenten automáticamente en un slideshow. El modulo Sot Virtuemart Slideshow disponible para Joomla 1.5 y 2.5 respectivamente fue desarrollado por 'Sky of Tech', el cual nos brindará las características necesarias para realizar esta labor de manera muy sencilla.

Ver y valorar plugin Sot Virtuemart Slideshow el Joomla! Extensions Directory.

Descargar Sot Virtuemart Slideshow desde la web del autor.

Instalación y configuración:

Desde el backend de Joomla!, menú Extensiones, Gestor de Extensiones en Joomla! 2.5, instalar y habilitar en el lugar apropiado el modulo Sot Virtuemart Slideshow.

En los párametros del modulo, debemos elegir si queremos mostrar una categoría o una selección determinada de productos, en nuestro caso seleccionaremos una categoría.

Nos dirigimos a la tienda y visualizamos los productos existentes en dicha categoría.

Verificamos que cada producto tenga correctamente ingresada la imagen, el tamaño de las imágenes deben coincidir con los valores introducidos en los parámetros de ancho y altura del modulo.

Una vez realizado todo el proceso el resultado será el siguiente:

Si queremos modificar los textos que se encuentran en Inglés tenemos que ir a las siguientes rutas:

  • Ruta para los botones Siguiente y Anterior: /modules/mod_sot_vm_slideshow/assets/coin-slider.js aproximadamente en la línea 245:
      $('#cs-navigation-'+el.id).append("Anterior");
      $('#cs-navigation-'+el.id).append("Siguiente");
      
  • Ruta para el enlace Leer Más: modules/mod_sot_vm_slideshow/tmpl/default.php aproximadamente en la línea 92:
      readmoreText:  JText::_('Leer Más...') // text read more for language
      

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.


¿Te ha resultado interesante este artículo?

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



Johnny Heredia Montiel

Miembro del equipo de Webempresa: soporte técnico y blog.

Google+