En este tutorial instalaremos un componente potente para realizar una tienda electrónica en la página web. Desarrollaremos los conocimientos principales para aplicar en la tienda y tener una lista de productos, una pasarela de pago, una descripción personalizada de cada producto y una serie de botoneras de gran utilidad, como pregunta personalizada del producto vía mail y agregar producto al carrito.

Joomla: Tienda electrónica
Joomla: Tienda electrónica

Instalación de VirtueMart

  • Nos dirigimos al panel de administrador de Joomla e instalamos el complemento VirtueMart. Antes de instalarlo tenemos que descomprimir el archivo y nos quedarán dos archivos, los cuales instalamos en el siguiente orden: primero “com_virtuemart.2.0.10.zip” y luego “com_virtuemart.2.0.10_ext_aio.zip”. Una vez instalado VirtueMart, nos dirigimos a “Componentes” y elegimos el componente “VirtueMart” para trabajar en él.
  • En “Tienda” solo cambiaremos el texto que indica que la tienda está fuera de línea; por defecto viene en inglés y lo cambiamos por un texto en español. Aquí encontramos una opción muy importante: “Usar solo como catalogo”. Si seleccionamos esta opción, el complemento mostrará la tienda como un catálogo de productos; no mostrará los precios, ni la existencia de stock, etcétera.

Configuración inicial

  • En la pestaña “Página inicial” vamos a utilizar casi todos los parámetros del componente; cuando estés haciendo el trabajo para un cliente, los configurarás dependiendo de lo que la web del cliente te demande. Seguramente no necesitará la opción “Acción cuando un producto está Sin Stock” ni la opción “Comentarios de compradores/Sistema de calificación”.
  • En la pestaña “Plantilla” también tomamos el mismo concepto que en el punto anterior.
  • En “Valoración” lo dejamos de la siguiente manera; esto depende del lugar en donde vivas. Si las leyes te obligan a colocar impuestos, tendrás que tenerlo claro dependiendo de las leyes de tu ciudad.
  • Las pestañas “Compra”, “Configuración del orden de productos” y “SEO” las dejamos como vienen por defecto. Pinchamos en “Guardar y Cerrar”.

Métodos de pago

  • Otra vez en el panel de control de VirtueMart pinchamos en la pestaña “Método de pago” y en “Nuevo” para aplicar uno o varios métodos de pago.
  • Ahora solo vamos a configurar un método de pago, que es el pago estándar. Pero dispones de muchos métodos de pago, Paypal, Moneybookers, tarjeta de crédito, etcétera. Elegirás la más utilizada en tu país.
  • Una vez que colocas el título y lo publicas, tendrás que pinchar en “Guardar y cerrar” y luego volver a abrirlo para poder ir a la pestaña “Configuración”; si no haces estos pasos, no te dejará entrar. Aquí configuramos “Países”, “Moneda aceptada” e “impuestos”. Es importante en esta última opción que marques “No aplicar reglas” si no vas a aplicar impuesto sobre el precio final. Para finalizar, coloca un texto en “Información de pago” y pincha en “Guardar y cerrar”.

Catálogo y fabricantes

  • En el menú lateral puedes navegar por el componente; en la opción “Herramientas” encontrarás la opción “Panel de control”. Pinchamos en “Tienda” y configuramos los parámetros de la tienda: nombre, logo, moneda, etcétera.
  • Vamos a “Categoría de productos”, eliminamos las existentes y creamos las que necesitamos pinchando en “Nuevo”. Agregaremos el nombre, una descripción, y los otros detalles los dejamos por defecto; nos dirigimos a la pestaña “Imágenes” y seleccionamos la opción “Subir”.
  • La imagen que hemos subido es la imagen visible en la categoría de la página web; por este motivo, tengamos un buen gusto por el diseño.
  • Antes de empezar a publicar productos, pinchamos en “Fabricantes” y creamos fabricantes; si es necesario, primero categorías y luego fabricantes, dependiendo del trabajo que realices, porque puede ser que un fabricante tenga varias marcas. Al fabricante tómalo como marca, por ejemplo: categoría (FIAT), fabricante (PALIO). Rellenas todos los datos, colocas una imagen del fabricante y pinchas en “Guardar y cerrar”.

Publicación de productos y menú

  • Nos dirigimos al panel de control y seleccionamos la opción “Productos”; ahora vamos a publicar productos en la tienda. Una vez en “Productos”, borramos los existentes que vienen por defecto en el componente y pinchamos en “Nuevo”. Encontramos varias pestañas como “información del producto”, “Descripción del producto”, “Estado del producto”, “Dimensión y peso del producto”, “imágenes del producto” y “campos personalizados”.
  • Una vez subidos todos los productos, nos dirigimos al panel de control de Joomla y pinchamos en “Gestor de menú” y vamos a linkear la tienda. Creamos un menú nuevo que se llame “Tienda”.
  • Nos dirigimos a la página y vemos la tienda.

Módulos de VirtueMart

  • Ahora solo resta colocar los módulos; si los necesitamos, nos dirigimos a “Gestor de módulos” y en el “Filtro” colocamos las siglas “VM”, y vemos todos los módulos de VirtueMart. En este caso solo colocaremos el carrito, categorías y fabricantes.
  • Observamos los módulos colocados.