1. Con esta extensión podremos crear una tienda online en la que vender todo tipo de
artículos. Podremos añadir productos, relacionarlos entre sí, crear cupones, categorías,
listas de fabricantes, añadir distintos tipos de monedas y métodos de envío, etc. Además
dispondremos de muchas posibilidades a la hora de establecer los detalles de los
productos, pudiendo añadir atributos personalizados, vídeos e imágenes.
En este primer capítulo del tutorial, vamos a abordar la configuración de este
componente.
Podemos descargar el componente desde su página oficial e instalarlo siguiendo el
procedimiento habitual.
Una vez instalado, podemos descargar el paquete de idioma apropiado desde aquí, e
instalarlo desde “Componentes > Joomshopping > Install & Update”.
Configuración General
Cuando tengamos el componente traducido a nuestro idioma, podremos establecer sus
opciones desde la sección “Configuración”.
Si vamos a “General”, seleccionaremos el idioma, la plantilla, el email de
contacto, etc.

2. En la pestaña “Categoría / Producto” estableceremos algunas opciones de
visualización, como si se mostrarán los impuestos o el tiempo de entrega entre
otros.
También decidiremos cuántos productos se mostrarán en cada página, el orden de
las categorías, qué botones serán visibles, etc.

3. Además podremos hacer que se vea el logo del fabricante del producto, el peso
del producto, decidiremos si se permitirán los comentarios, etc.

4. La pestaña “La Caja/ Realizar Pedido”, nos permitirá establecer el estado que
tendrán por defecto los pedidos, decidiremos si se emite una factura en PDF para
el cliente, si se verá el peso del producto o si se mostrará la política de
devoluciones en el email del pedido entre otras muchas opciones.

5. Desde “Campos de registro” elegiremos que campos deberán rellenar los
usuarios en el momento de darse de alta en nuestra página.

6. En la pestaña “Moneda” elegiremos la moneda principal de nuestra tienda, los
decimales, el formato, etc.

7. En la sección “Imagen / Vídeo” estableceremos el tamaño de las miniaturas de
las categorías y de los productos, el tamaño de los vídeos, etc.
Desde “Texto estático” podremos generar el contenido de elementos como las
condiciones de compra y devolución, la descripción del envío o la página de
pedido terminado entre otros.

8. Para añadir los contenidos, accederemos a cada elemento y escribiremos el texto
en cada uno de los idiomas instalados.

9. En la pestaña “SEO” podremos configurar los distintos elementos que formarán
nuestra tienda para mejorar el posicionamiento en los buscadores.
Para ello, accederemos a cada uno de los elementos y completaremos los meta
tags en los distintos idiomas instalados.

10. En la sección “Info de la tienda” escribiremos los de talles de nuestra tienda,
como el nombre, el nombre de la empresa, el logo, la dirección, etc.
También estableceremos las opciones de contacto, como el nombre y apellidos,
los números de fax y teléfono o el correo electrónico.

11. Podremos añadir también, los datos del banco en el que recibiremos los pagos
cuando se realiza una compra (número de cuenta, beneficiario, etc).
Además tendremos la opción de diseñar las facturas, incluyendo un encabezado y
pie de página y estableciendo sus dimensiones.

12. Desde “Funciones de tienda” activaremos y desactivaremos algunas opciones de
configuración para la tienda y para los productos. Dichas opciones se
configurarán posteriormente en “Joomshopping > Opciones” y en ”Joomshoping
> Productos”.
Configuración Avanzada
Si nos dirigimos a la sección opciones, veremos una serie de iconos cuyo número
variará en función de los campos marcados anteriormente en “Configuración >
Funciones de tienda”.

13. En “Fabricantes” podremos añadir datos de los fabricantes de nuestros
productos. Para ello pulsaremos en nuevo y rellenaremos los campos
correspondientes.

14. Desde “Cupones” crearemos cupones de descuento. Estableceremos su valor, la
fecha de inicio y de fin, etc.

15. El botón “Monedas” nos permitirá gestionar las monedas existentes y añadir
otras nuevas. Para agregar una moneda, pulsaremos en nuevo y rellenaremos los
campos del formulario.
En “Impuestos” añadiremos nuevos impuestos a nuestros artículos. Tendremos
que introducir el nombre y el valor del impuesto.
La sección “Pagos” nos mostrará una lista con los tipos de pago disponibles.

16. Pulsando en “Nuevo” podremos añadir nuevos métodos de pago.
En “Métodos de envío” gestionaremos los tipos de envío para nuestros
productos.
Para establecer el precio de los métodos de envío iremos a “Precios de envío” y
pulsaremos en “Nuevo” para añadir un precio. Aquí elegiremos el tipo de envío
al que asignaremos el precio, los países a los que se aplicará, etc.

17. Desde “Tiempos de entrega” definiremos distintas tipos de entrega en función
del tiempo que tarden en realizarse.
En la pestaña “Estado de pedidos” crearemos los distintos estados en los que
puede estar un pedido.
Si vamos a “Lista de países” podremos gestionar los países a los que se
realizarán los envíos.

18. La sección “Atributos” nos permitirá crear nuevos atributos para luego
asignárselos a los productos. Al realizar la compra, los usuarios seleccionarán un
atributo u otro en función de sus preferencias (ej: colores, tallas).
Al igual que en el caso anterior, en “Atributos libres” crearemos nuevos
atributos para los artículos, pero en esta ocasión, se generará un cuadro de texto
en el fornt-end que el usuario deberá completar.
En “Unidades de medida” definiremos en qué unidades se medirán nuestros
productos.

19. Desde “Grupos de usuarios” podremos crear grupos a los que aplicarles distintos
descuentos a la hora de comprar.
En “Vendedores” añadiremos nuevos vendedores junto a los datos de su tienda.

20. La pestaña “Comentarios de productos” nos permitirá administrar los
comentarios que los usuarios realizan sobre nuestros productos.
En “Etiquetas de producto” podremos crear etiquetas para luego asignárselas a
nuestros artículos.

21. Desde “Características del producto” añadiremos detalles que mas tarde
podremos relacionar con los artículos.
En “Idiomas” gestionaremos los distintos idiomas que hemos instalado en
nuestra tienda.
Si queremos guardar nuestra lista de productos y categorías en un archivo,
podremos hacerlo desde “Importar y exportar”, con la opción “Simple export”.
Mas tarde podremos recuperar los datos empleando la opción “Simple Import”.
La pestaña “Estadísticas” nos mostrará datos estadísticos sobre los pedidos, el
inventario y los usuarios.

22. En este punto ya tendrás que tener bien configurada tu tienda con JoomlShopping.
Mañana gestionaremos categorías, producos, pedidos y clientes terminando así con el
tutorial.

23. En esta segunda entrega vamos a empezar a trabajar propiamente con nuestra tienda
hecha con JoomShopping. Gestionaremos las categorías y productos que tendrá y
podremos visualizar clientes y pedidos.
Si lo que necesitáis es saber qué posibilidades de configuración tiene este componente
os recomiendo que os paseis por el primer capítulo de esta serie de tutoriales sobre
JoomShopping.
Primera parte | Instalación y configuración de Joomshopping
Tercera parte | Extensiones para JoomShopping
Añadir Categorías
Una vez configurados los diversos aspectos de la tienda, podemos comenzar a crear las
categorías
Para crear unan nueva categoría iremos a la pestaña “Categorías” y pulsaremos en
“Nuevo”. Aquí introduciremos los datos requeridos en todos los idiomas instalados.

24. En la pestaña “Detalles” elegiremos el orden, el número de productos de la categoría
que se mostrarán en cada página, etc.
En “Imagen” podremos elegir una imagen para la categoría y establecer sus
dimensiones.

25. Añadir productos
Desde la pestaña “Productos” podremos crear nuevos productos. Para ello pulsaremos
en “Nuevo” e introduciremos los datos básicos del producto (título, descripción, etc).

26. En la pestaña “Detalles” incluiremos el precio, el código del producto, la categoría a la
que pertenece, etc.

27. En “Atributos” podremos añadir diversas opciones a los artículos para que los usuarios
elijan la que mas les convenga.

28. Desde “Atributos libres” seleccionaremos los atributos (creados previamente) que
queramos añadir al producto.
En la pestaña “Imágenes” podremos seleccionar las imágenes del producto que
queramos mostrar.

29. En “Vídeos” agregaremos vídeos relacionados con el artículo.
Desde “Productos relacionados” podremos buscar entre nuestro catálogo de productos
aquellos productos que queramos relacionar con el artículo actual.

30. En la pestaña “Archivos” tendremos la opción de subir archivos adicionales
relacionados con el producto, como documentos, que los usuarios podrán descargar
desde la web.
Si vamos a “Características” podremos añadir al producto algunos detalles que serán
visibles desde el front-end..
Pedidos y clientes

31. Dirigiéndonos a la sección “Pedidos” veremos una lista con los pedidos que se han
realizado.
Pulsando sobre un pedido, accederemos a los detalles del comprador, veremos los
productos adquiridos, podremos cambiar el estado, etc.
En la pestaña “Clientes” veremos la lista de usuarios registrados.
Accederemos a los detalles de cada usuario pulsando sobre su nombre.

32. Enlaces del Front-end
Para que los usuarios puedan acceder a nuestra tienda, ver los productos y realizar sus
compras, es necesario generar los enlaces del front-end. Para ello iremos al gestor de
menús y añadiremos los enlaces de la sección “JoomShopping”.
El enlace “Tienda” nos dará acceso a la página inicial de la tienda que hemos
creado. Bastará con añadir el enlace para que el acceso sea posible.

33. El link “Carro” permitirá a los usuarios ver su carro de la compra.

34. La opción “Buscar” nos permitirá realizar una búsqueda entre todos nuestros
productos.
El elemento “Usuario” hará que los usuarios puedan registrarse e iniciar sesión
en nuestra tienda para realizar sus compras.
En “Lista de deseos” los clientes verán una lista con los artículos que han
añadido a su lista.

35. Pulsando en el enlace “Fabricantes” veremos una lista con los fabricantes de
nuestros productos. Pulsando sobre cada uno de ellos accederemos a sus
detalles.

36. Con el elemento “Static Pages” podremos crear un enlace a una página estática.
Para ello, en “Configuración Requerida” seleccionaremos el tipo de página
(StaticPage) y la página de destino.

37. Al acceder desde el front-end, veremos la página que hemos enlazado.
El ítem “Vendors” nos mostrará una lista con los vendedores que hemos dado de
alta.

38. Finalmente, el enlace “Productos” nos enseñará todos los productos que están a
la venta en nuestra tienda.
Para realizar las compras, los usuarios tendrán que acceder a los detalles del producto
que quieren adquirir y añadirlo al carro de la compra.

39. Posteriormente, a la hora de formalizar el pedido, el sistema nos guiará hasta realizar la
confirmación.

40. Después de pulsar en “Confirmar pedido”, el usuario solo tendrá que esperar a que los
productos adquiridos lleguen a su casa.

41. Tercera Parte
Podemos obtener todos los complementos de Joomshoping en su página oficial,
dependiendo el método de instalación del tipo de complemento. Los módulos y plúgins
se instalarán empleando el procedimiento habitual de instalación y los addons se
instalarán empleando la sección de instalación de Joomshopping.
Módulos
Como veremos a continuación Joomshopping dispone de un amplio número de módulos
que nos permitirán mostrar los artículos y categorías de las formas mas diversas y en
función de distintos criterios. Realizaremos su instalación desde el gestor de extensiones
de Joomla.
Jshopping Login
Con este módulo, los usuarios podrán registrarse en nuestra tienda y acceder con su
usuario y contraseña para realizar las compras.
En sus opciones de configuración podremos introducir texto, seleccionar las páginas a
las que se redireccionará a los usuarios tras el login y el logout, activar el saludo inicial,
etc.

42. En el front-end, los usuarios verán un módulo como el siguiente:
Jshopping Top Rating

43. Este elemento nos permitirá mostrar una lista con los artículos de nuestra tienda mas
valorados por los usuarios.
En su configuración elegiremos el número de artículos que se verán y si se mostrará o
no la imagen del producto.
Al acceder a la web, los visitantes verán una lista similar a esta:
Jshopping Last Products
Mediante este complemento podremos ver una lista con los últimos productos añadidos
a la tienda.

44. Si accedemos a sus opciones de configuración, veremos que es posible establecer el
número de productos que se mostrarán, si se verá la imágenes de los mismos y las
categorías de las que se tomarán los artículos.
Si entramos a nuestra tienda veremos la lista con los últimos productos ajustada a los
parámetros elegidos.
Jshopping Search
Este módulo nos servirá para realizar búsquedas entre los productos de nuestra tienda.
En las opciones del módulo elegiremos si se verá o no el enlace de “Búsqueda
Avanzada” y la categoría en la que se llevará a cabo dicha búsqueda.

45. Al acceder a la tienda, podremos realizar una búsqueda simple o pulsar en el link
“Busqueda avanzada” para buscar de una forma mas precisa.
Jshopping Label Products
Este elemento mostrará aquellos productos asociados con alguna etiqueta de la sección
“JoomShopping > Opciones > Etiquetas de producto”.
Habrá que introducir el número de elementos de la lista, elegir si la imagen de los
artículos será visible y la etiqueta cuyos productos asociados se mostrarán.
Cuando vayamos a nuestra web, veremos la lista de artículos que cumplen los
requerimientos para aparecer en el módulo.

46. JoomShoping Tags
Mediante este complemento veremos una nube de etiquetas de nuestros productos.
En las opciones básicas de configuración elegiremos el tamaño que, en líneas generales,
tendrán las etiquetas, y el número máximo de etiquetas que serán visibles.
Si vamos a la tienda, veremos la nube de etiquetas con distintos tamaños de letras. El
tamaño de cada una de las etiquetas dependerá de la valoración que los usuarios hayan
otorgado a cada producto. Cuanto mejor valorado esté el producto, mayor será el
tamaño de su etiqueta.
Jshopping Bestseller Products

47. Utilizando este módulo, los usuarios podrán ver una lista con los productos mas
vendidos.
En la sección de configuración del módulo estableceremos algunas opciones de
visualización, como el número de productos que conformarán la lista o las categorías de
los mismos.
Cuando un cliente acceda a nuestra tienda, verá los productos mas vendidos con un
formato similar a este:
Jshopping Manufacturers
El empleo de este módulo hará posible que los visitantes de nuestra web vean los datos
de los fabricantes de nuestros productos.
En las opciones básicas de configuración del elemento podremos elegir el criterio de
ordenación para los ítems, el tipo de orden (ascendente o descendente), etc.

48. Al acceder al front-end veremos un listado como el siguiente:
Jshopping Filters
Con esta extensión podremos realizar búsquedas por precio entre los artículos de un
fabricante.
A la hora de configurarlo decidiremos si serán visibles las categorías, los precios, etc.
Cuando queramos hacer una búsqueda elegiremos el tipo de producto y su rango de
precio. Tras pulsar en el botón “Go”, aparecerá el resultado.

49. Jshopping Currencies
El objetivo de este módulo consiste en permitir a los usuarios de la tienda escoger entre
distintos tipos de moneda. De esta forma podrán ver los precios de los artículos en la
moneda de su país.
En este caso, es suficiente con configurar los aspectos comunes de los módulos.
Una vez en la web podremos escoger la moneda deseada para ver el precio del producto
en esa moneda.

50. Jshopping Wishlist
Este elemento nos ofrece la posibilidad de mostrar a los usuarios una tabla con el
número de artículos añadidos a su lista de deseos y el precio total del contenido de la
misma.
No es necesario llevar a cabo ninguna configuración adicional para que el módulo
funcione, será suficiente con establecer los parámetros habituales de los módulos.

51. Al acceder al front-end veremos la tabla mencionada anteriormente, junto a un enlace
que nos llevará a la lista completa de deseos.

52. Jshopping Categories
Con este módulo mostraremos un breve listado con las categorías de artículos presentes
en la tienda.
Accediendo a sus opciones de configuración, decidiremos si sera visible la imagen de
las categorías y escogeremos el criterio de ordenamiento.
Una vez en la web, podremos ver las categorías y acceder a los artículos que las
conforman pulsando sobre cada una de ellas.
Jshopping Cart
Mediante este elemento, veremos un resumen de nuestra cesta de la compra.
El módulo no cuenta con propiedades específicas, por lo que será suficiente con
completar los datos habituales.

53. Cuando un usuario realice sus compras en nuestra tienda, verá el mencionado resumen
con el total de artículos adquiridos y la suma de sus precios. Pulsando en “Go to cart”,
accederá a la cesta completa.
Jshopping Cart Ext
El objetivo de este módulo es similar al del anterior, aunque veremos un lista mucho
mas detallada.
Para configurarlo, completaremos los datos comunes de los módulos ya que no dispone
de propiedades específicas.

54. Durante el proceso de compra, veremos como se completa la lista de artículos junto a su
precio y la suma total. Al igual que en el caso anterior, el enlace “Go to cart” nos llevará
ala cesta de la compra.
Plugins
La instalación de estos complementos deberá realizarse siguiendo los pasos habituales,
desde el gestor de extensiones de Joomla.
Search – Joomshopping
El uso de este plúgin nos permitirá realizar búsquedas en el contenido de JoomShopping
empleando el buscador de Joomla.
Para que comience a funcionar, será suficiente con activarlo y establecer el número
máximo de resultados que queremos que devuelva la búsqueda.

55. Cuando realicemos una búsqueda veremos que entre los resultados aparecen los
artículos de JoomShopping.
Addons
Además de los plúgins y módulos anteriormente descritos, Joomshopping cuenta con
una serie de addons que nos permitirán realizar diversas acciones.
La instalación de los mismo se realizará desde “Componentes > Joomshopping >
Instalar y Actualizar”.
Simple Export UTF8
Este elemento nos permitirá exportar el contenido de nuestra tienda a un archivo csv
empleando la codificación UTF8. Para ello iremos a “Componentes > Joomshopping >
Opciones > Importar y exportar” y accederemos a “Simple Export UTF8”.

56. Ahora será suficiente con pulsar en “Exportar” para que el archivo se genere
automáticamente.
Simple Import UTF8
Con este addon importaremos los datos que hemos exportado anteriormente. Para ello,
tras realizar el proceso de instalación, iremos nuevamente a “Importar y exportar”,
activamos la ejecución automática y accederemos a “Simple Import UTF8”.
Ahora pulsamos en “Examinar”y buscamos el archivo que contiene la información que
se importará. Tras pulsar en “Importar” el proceso habrá finalizado.