Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Hace ya bastante tiempo que deseaba realizar este tutorial sobre la aplicacion VirtueMart de Joomla! para montar
una tienda online, para ayudar a las pequeñas y medianas empresas, emprendedores y porque no empresas de
embergadura a salir adelante, que hoy dia puedo decirlo sin temor a equivocarme, joomla ya es un referente solido
como gestor de contenidos dinamico, joomla es un cms con aspecto atractivo sencillo de adaptar a nuestras
necesidades, con extensiones como virtuemart, kunena, docman, k2 y un largo etcetera...
Hoy dia casi me siento en la obligacion debido a la situacion que atravesamos que no es precisamente buena. Bien
pasando de preambulos, vamos ya a lo que interesa que es montar una tienda online en nuestro joomla con la
aplicación VirtueMart y no morir en el intento. Voy a incluir consejos que les van a ser utiles que he ido aprediendo
con el tiempo por la experiencia adquirida a base de montar tiendas online con distintos scripts php, tanto con
joomla como con otros sistemas.
Lo primero es dirigir¡nos a la web oficial de los desarrolladores de la aplicacion, tambien llamado componente
joomla virtuemart para descargarnos la ultima version y descagar los idiomas para la misma.
Una vez descargado el pack, tenemos que descomprimirlo para acceder al componente para su instalacion. El pack
incluye modulos y plugins para su uso y mejorar el acceso a nuestros productos desde joomla dentro de la tienda .
El archivo auto instalable del componente dentro del pack es llamado com_virtuemart_1.x.x . Las otras dos carpetas
contienen los modulos y plugins para virtuemart.
Instalacion:
La instalacion se realiza como con cualquier otro componente. Extensiones / Instalar/desinstalar. una vez
instalado,aparecera una pantalla con dos opciones, simplemente ir a la tienda (Go directly to the Shop) o instalar
datos de ejemplo (Install SAMPLE DATA). Sin lugar a dudas seleccionaremos ir a la tienda sin instalar datos de
ejemplo, ya que siguiendo este tutorial no van a necesitar instalar ningun dato de ejemplo para orientarse. Cuando
pinche en la opcion aparecera una ventana advirtiendole que no interumpan el proceso, hagan caso y espere a que
se complete este paso que sera rapido. Por fin accedemos al panel de control de nuestra tienda online.
ADMINISTRACION
Configuracion Tienda:
Pasamos a la configuracion de la tienda. Desde la columna izquierda de administracion tendremos acceso a toda la
informacion que pueda ser configurada o editada. El primer paso es acceder a Administracion/configuracion,
observaran que aprecera una serie de pestañas desde la cual podremos configurar todos los aspectos de nuestra
tienda.
Pestañas configuracion:
• Global:
Visualizaran siete cuadros de los distintos apartados globales a configurar y que son:
1.Global
2.Configuración precio
3.Características de la interfaz
4.Configuración impuesto
5.Configuración registro de usuarios
6.Configuración del core
7.Configuración del Logfile
Todo esta en castellano, solo deben leer bien y seleccionar las opciones que mas les convenga.
• Seguridad:
Aqui dispondran de las opciones de seguridad como son aspectos en el caso de operar bajo un servidor seguro
https:// . Funciones de encryptacion, prefijo de tabla para las tablas de la tienda, etcetera.
• Sitio:
Este es un apartado importante para la forma de visulizar la tienda y los detalles de productos. Tienen dos
apartados que son Interfaz y Diseño.
1. Interfaz
muestra las posibilidades de visualizacion, solo deben seleccionar las opciones que mas les convenga.
2. Diseño
Este es un apartado a tener muy en cuenta, ya que sera el que le dara el aspecto final de nuestra tienda. Voy a
insistir en este punto ya que lo considero uno de los mas importantes, sin no el mas importante.
El primer paso es seleccionar nuestra plantilla para virtuemart que es independiente de la propia de Joomla. La
plantilla por defecto y unica instalada con virtuemart es la "default". Justo debajo de la seleccion de plantilla
tenemos la opcion "Configuracion" de la plantilla seleccionada. Cuando pinchamos, podremos visualizar las
distintas opciones de configuracion de los parametros de la misma. Señalar que aun esta en ingles, pero sencillo
de entender. es importante no saltarse este paso ya que es el que va a definir lo que queremos mostrar o no en
los detalles de cada producto. Una vez seleccionados los parametros, simplemente guardamos y volveremos a la
pestaña "Global", volvemos a señalar la pestaña "sitio" y seguimos configurando nuestra plantilla.
El siguiente paso es quizas el mas importante . Mas abajo en la tercera fila tenemos la opcion "Plantilla de la
categoría" que se presenta con una pestaña desplegable con varias opciones y aqui es donde vamos a definir los
posibles sobre visualizacion de nuestra tienda.
La siguiente fila es igual de importante a la hora de seleccionar para la presentacion en esta ocasion de los
productos mostrados en detalle, uno a uno, llamado "FLYPAGE" que dispone la distintas opciones de visualizacion
de un producto mostrado en detalle. Son varias las opciones que permiten mostrar los detalles de cada producto.
Seleccionen y vayan probando el que mas le convenga.
Aqui les muestro la presentacion configurada con la plantilla defaut por defecto.
¿Cómo mejorar el aspecto de nuestra tienda?
• Bien aqui es donde les voy a mostrar como mejorar lo que acaban de ver:
El primer paso es buscar plantillas para virtuemart. Las hay gratuitas y de pago. No se molesten en intentar retocar
codigo y demas, eso si que el tenga tiempo y se quiera entretener esta en su derecho. Pero si existe un trabajo
profesional ya realizado que le puede llegar a costar alrededor de 20$, unos 15€ y que encima lo puede utilizar en
cuantas tiendas quiera, pues sinceramente yo no lo haria, mas si estamos hablando de quien desarrolle paginas,
realmente merece la pena. Bien y ustedes me diran ¿Y donde esta eso?...
PowerByVirtueMart --> es el sitio que he utilizado para comprar un par de plantillas y realmente son muy buenos y
profesionales. Ire actualizando este tutorial añadiendo paginas sobre plantillas para virtuemart y
templates Joomla especificos para montar tiendas online al final de este tutorial.
1. La parte donde se configura el template la tienda online que vamos a elegir. Se instala simplemente subiendo la
carpeta de la plantilla en /components/com_virtuemart/themes. Para configurar esta parte debemos ir a "Selecciona
el tema para tu tienda" y seleccionar la plantilla que hemos instalado y se procede a configurar desde en el enlace
mostrado justo debajo del nombre de la plantilla seleccionada "Configuración"
2. La parte donde se muestran los articulos dentro de una categoria o subcategoria y la forma de mostrarlos en
cada categoria. Esto tiene su aquel, ya que la configuracion se realiza pinchando en Productos - Listar Categorias
como se muestra en la imagen de abajo. Se selecciona la opcion "Category Browse page" y "Categoria detallada"
segun la eleccion se mostrara los productos de las categorias de una forma u otra, es cuestion de ir probando en
una de las categorias y realizar la misma configuracion en cada categoria una por una.
3. El siguiente paso es la configuracion para la forma de mostrar cada producto en detalle. Esto se realiza desde la
fila llamada "FLYPAGE" seleccionando una de las opciones se mostrara de una forma u otra. Dependiendo de la
Para terminar esta parte,les voy a mostrar en una galeria de imagenes, con algunos cambios realizados de forma
rapida en la tienda demo que os he mostrado mas arriba y para que puedan apreciar los cambios, junto con una
tienda online recientemente terminada.
Tienda Online Terminada - http://www.guiametal.com/tienda-online
•
• Envio:
Desde esta pestaña configurara las opciones de envio, con agencias de transporte y otros. Esta todo en castellan,
soloes cuestion de leer un poco, crear nuevas opciones o editar las incluidas por defecto.
• Finalizar compra:
Aqui se muestra las opciones de visualizacion de los pasos en la finalizacion de la compra. Lo mismo que en la
anterior pestaña, solo es cuestion de leer y seleccionar las que nos interese
• Descargas:
Solo si lo que pretendemos vender se puede descargar directamente previo pago
A tener MUY en cuenta: Realizen todas las pruebas de funcionamiento con el theme default que se instala con
virtuemart, sea cual sea la version que tengan. Una vez configurado y comprobado todo pueden proceder a realizar
una copia de seguridad del sistema virtuemart ya configurado. Despues pueden instalar los themes que les
parezca. En caso de problemas restauren su sistema original o pidan ayuda al desarrollador del theme para
virtuemart que han instalado, sea de pago o gratuito. Son muchos los problemas que he podido detectar en
instalaciones previas de themes de pagos y gratuitos, los cuales en la mayoria de las ocasiones se achacan a
problemas con el propio virtuemart, lo cual no es asi, de ahi la importancia de realizar las configuraciones antes de
instalar nuevos themes virtuemart para mejorar el aspecto de nuestra tienda.
Usuarios:
Aqui solo muestra los usuarios registrados de tu web y su con condicion de usuario registrado y confirmado.
Cuando accedes a "Usuarios" dentro de administracion de la tienda y seleccionas un usuario para concederle
permisos de edicion debes ir a la pestaña "informacion" y configurar los permisos de acceso del mismo completando
el resto del formulario. Es donde debes darle a un usuario el acceso al tipo de grupo deseado, como por ejemplo el
de [b]storeadmin[/b].
Grupos de usuario:
La lista de Grupos de usuarios y niveles de acceso. Puedes crear nuevos grupos. El nivel correcto si es storeadmin
con numeracion de 250, recuerda que cuanto mas alta la numeracion al crear un grupo de nivel de acceso menor
sera la posibilidad de edicion.
Campos de usuario:
Aqui muestra los campos utilizados para el registro de nuevos clientes, que son configurables para editar, añadir o
borrar opciones. Se utiliza cuando un usuario procede a realizar una compra y aun no esta registrado. Esto es util
para las paginas que solo quieran utilizar su web para montar una tienda online. Deshabilitando las opicones de
registro de joomla convencionales como modulos de registro o eliminando o desactivando la opcion de regsitro del
modulo utilizado, para asi solo permitor el acceso a clientes previamente registrados, tras realizar su primera
compra.
Listar países:
Muestra el listado de paises que se desplega cuando selecionamos nuestro pais en el registro para realizar una
compra. Si lo que desean es limitar la posibilidad segun en que pais solo deben eliminar las opciones que no deseen.
Mas adelante podran volver añadir los paises eliminados en caso de necesidad.
Listar monedas:
Para el listado de monedas es lo mismo que el listado de paises.
Listar módulos:
Bien aqui la cosa se complica aunque no es algo a tener muy en cuenta. Este apartado nos muestra los modulos al
que podemos tener acceso desde el front end en la tienda para su modificacion o actualizacion. Es cuestion de editar
he ir viendo las posibilidades que nos ofrece cada modulo.
Listar funciones:
Funciones a las que tenemos acceso como admin, comprador, visitante y demas. Se pueden editar pinchando en el
"Nombre de funciones".
Añadir función:
Sirve para añadir funciones segun nivel de usuario a nuestra tienda.
Una aclaracion: Yo no tocaria ninguna de estas tres ultimas opciones, salvo necesidad y si el caso diera la
necesidad, deberia utilizar una tienda demo previamente montada por ejemplo desde una carpeta y realizar las
pruebas pertienentes.
Buscar actualizaciones:
Aqui pueden buscar actualizaciones de vuestra tienda online VirtueMart pinchando en "Comprobar ahora".
Y con esto terminamos en cuanto a la configuracion global de nuestra tienda.
TIENDA
Resumen:
Esto nos llevara directamente al panel de control de la tienda.
Editar Tienda:
Esta es la otra parte importante donde debemos definir los datos de nuestra tienda y que seran mostrados en parte.
Sera utilizado en los datos de facturacion, entre otros, asi que es importante configurar bien esta parte y no
poniendo datos erroneos que nos daran problemas si se diera el caso.
Esta parte se compone de seis apartados y que son :
• Tienda
Aqui debera insertar el nombre de la tienda, nombre de la empresa o persona fisica, direccion, codigo postal,
pais, provincia.....
• Información de contacto
Apellidos del responsable de la tienda, nombre, email.....
• Modo de visualización de moneda
Seleccionar sumoned, insertar el simbolo de la misma, Listado de monedas aceptadas las cuales son todas
validas, salvo si selecciona una la cual de imaginar debera ser la misma seleccionada en "moneda"
• Información de tienda
Subir Logo de su empresa o de la tienda, valores minimos de pedido y cantidad.
• Descripción
Aqui debera redactar un texto breve que aparecera cuando un navegante acceda a su tienda online.
• Términos de servicio
Apartado importante para redactar los terminos de uso y los servicios ofrecidos. Pueden enlazar a un texto que
ya tengan posicionado en su web.
Y con esto terminamos esta parte de la configuracion y edicion de nuestra Tienda Online.
PRODUCTOS
Cargar CSV:
....Proximamente....
Listar productos muestra todos los productos de la tienda, los cuales se puede editar pinchando en el nombre del
producto. Lo que que vamos a ver es como insertar un producto con todas las opciones disponibles. Cuando
accedamos a "Añadir Productos" se nos presentarna seis pestañas que paso a enumerar y explicar el procedimiento
a seguir en cada una de ellas.
• Opciones de visualización
...Proximamente...
• Estado
Al margen de lo que se expone en castellano de forma clara, quiero señalar que desde esta pestaña es donde
podremos activar la opcion de producto destacado, pinchando y señalando en el cuadro"Especial". Tambien es aqui
donde vamos a añadir las distintas opciones de compra de un producto como Nuevo atributo | Nueva propiedad si
es menester y el producto lo necesita, tales como tallas, colores etectera..
Para ver en detalle como realizar la tarea de añadir un nuevo atributo a un producto, vean la explicacion que un
usuario a dado en el Foro, imagenes incluidas --> Añadir atributos a productos en virtuemart
• Dimensiones y peso
Este apartado se utiliza cuando hablamos de productosen venta por cajas o palets, que pueden incluir un numero
determinado en cada caja o palets.
• Imagenes Producto
Bien aqui el mejor consejo es que sin execpecion las imagenes que se suban tengan una cierta calidad y sobre un
tamaño igual en anchura. Vamos a poner que sean de 600 pixeles de ancho y una vez seleccionda desde nuestro pc,
siempre generaremos la miniatura señalando la opcion "¿Crear automáticamente miniaturas?".
• Productos relaciondos
Aqui segun vayamos insertando productos, tendremos la opcion de relacionar productos en una ventana de compra
o muestra de detalle de un producto.
Ver inventario:
Aqui se mostraran si mas los productos destacados y con descuento sin mas.
Carpetas de productos:
.... Sin nada....
COMPRADOR o CLIENTE
Este apartado hace referencia a nuestros clientes.
Listar Grupo de Compradores:
PEDIDOS
Aqui es donde vamos a controlar el estado de nuestras ventas.
Listar pedidos:
Nos mostrara el total de la ventas realizadas.
• Opciones de Pago:
Bien aqui si que les voy a hacer una recomendacion que deberan tener muy en cuenta. A lo largo de estos años e
montado ya unas cuantas tiendas online con virtuemart, oscommerce, prestashop, cubecart y un largo etc... He
podido constatar a lo largo de estos años que el metodo mas efectivo como sistema de pago son las tarjetas de
debito o credito. No digo con eso que las demas opciones no son validas, pero sin lugar a dudas y pensando un
poco,¿quien no dispone de una tarjeta de debito o credito? pues esta es simplemente la razon por la cual
recomiendo el uso de este sistema. No se puede pretender montar una tienda online, ir a contra corriente y
pretender tener exito.Asi de sencillo. Otra recomendacion es, No utilizen JAMAS el metodo contra reembolso,
problemas a la vista seguro. Paypal es tambien una buena opcion ya que en el caso de no disponer de una cuanta
paypal para realizar el pago te brindan la opcion del pago con tarjeta.
• Agencias de Transportes:
Para seleccionar que agencias de transportes vamos a utilizar, virtuemart incluye unas cuantas ya preconfiguradas
como UPS. Pueden añadir cuantas quieran...
Lo que trato de mostrar en este tutorial es que nos es complicado para nada montar nuestra tienda
online de nuestro negocio y abrir las puertas del mismo al mundo.
Ire actualizando y mejorando este tutorial. La ayuda se ofrece en los foros, utilizar los comentarios solo para eso,
comentar.
De momento nos falta por ver el posicionamiento de modulos especificos para virtuemart como la cesta
de compra de un usuario y la creacion un menu para visrtuemart.
El otro Plugin necesario es uno que nos permita insertar un producto junto con su precio y el boton de "Añadir a la
cesta", como por ejemplo el plugin "SimpleProduct Snapshot"
Hay otros que realizan esta misma tarea que podran encontrar en el JED.
Una pequeña aclaracion, el plugin snapshot esta tambien disponible dentro de la carpeta /plugins del pack
descargado.
Parche para insercion de meta tags en categorias y productos. Ayudara de forma considerable a posicionar mejor
sus productos en internet. Es valido tanto para la version virtuemart 1.1.3 como la virtuemart 1.1.4 --> Enlace
Informacion y archivos Parche -- > Parche para añadir Meta Tags a las categorias y articulos de VirtueMart
Bueno, esto no es un hack, solo es para que sepais como eliminar el logotipo virtuemart que se muestra en en el
pie de cada pagina virtuemart. En Administracion / configuracion, en la pestaña sitio, en el cuadro Interfaz,
al final del mismo, teneis la opcion marcada "Mostrar pie de página", quiten la señalizacion y el logo virtuemart de
vuestra tienda desaparecera. Probado en VirtueMart 1.1.4
Para no cargar mas este tutorial, hasta que no contrate una opcion de servidor mas potente he ido redactando
añadidos, que les muestro a continuacion:
Añadir nuevos campos en productos Virtuemart - Tienda Online para descargas con Joomla 1.5 y
Virtuemart