Se trata de la funcionalidad del Virtuemart que nos permite agrupar los artículos por tipo de producto. Con ello podremos añadir nuevas características a los productos aparte de los campos que nos permite rellenar por defecto Virtuemart. Esto nos será muy útil por ejemplo en la creación de una tienda de zapatos, en la que podremos mostrar información de la talla y del sexo a que va destinado el zapato en cuestión.

Los pasos para poder usar esta funcionalidad son los siguientes:

1.    En la parte de administración de nuestra web, iremos al componente Virtuemart y desde allí seleccionaremos el apartado de Productos. Ahora ya podemos seleccionar el ítem “ Lista de tipo de Producto” y seguidamente le daremos al botón Nuevo.

2.    Llenaremos los campos del nombre y descripción del tipo de producto y le daremos al botón guardar.

3.    Volvemos de nuevo a la lista de tipos de productos, y vemos que ha aparecido el tipo que hemos creado. Ahora lo que vamos a hacer es añadir nuevos parámetros a este tipo de producto, para ello clicaremos en el link indicado en la imagen.

4.    En la pantalla siguiente clicamos en Nuevo y obtendremos esta nueva página, donde tendremos que rellenar los campos indicados y finalmente guardarlos.

5.    Rellenamos varios parámetros. A continuación tenemos que ir al listado de productos y indicaremos cuáles pertenecen al tipo de producto que hemos creado y seleccionamos el botón Agregar Tipo de Producto, nos aparecerá un desplegable en la página siguiente, donde tendremos que marcar el tipo deseado.

6.    Una vez asociados estos productos con su tipo, entraremos en ellos. Dentro observaremos que nos habrá aparecido una nueva pestaña del tipo de producto. Allí  indicaremos los valores de los parámetros añadidos al tipo creado.

7.    Si entramos a la página y seleccionamos este producto, observaremos los datos introducidos. Si pasamos encima de la (i) veremos la información introducida en la configuración.

8.    A parte de esta funcionalidad, la creación de tipos y parámetros nos permitirá la realización de búsquedas.

Xmap permite crear un mapa de la web usando la estructura de menús, además  tiene más opciones que el Joomap y soluciona algunos de sus errores. Este componente, no tan solo, nos creará una página donde mostremos nuestro mapa web, sino que también tenemos la opción de crear un archivo xml que permitirá indicarle a Google nuestro sitemap.

Configuración

Link

El segundo paso será configurar nuestro sitemap. Le daremos en el menú Opciones que ha aparecido y en la pestaña de Preferencias. Nos aparecerá una ventana que permite ajustar la configuración y además nos muestra las direcciones url del sitemap para los motores de búsqueda.

Para poderle indicarle al google nuestro sitemap (muy importante para el posicionamiento de nuestra web), copiaremos la dirección que aparece en el XML Sitemap y la pegaremos en el archivo robots.txt de nuestro sitio (se encuentra en la root) con la siguiente instrucción:
Sitemap: http://localhost/joomla/index.php?option=com_xmap&sitemap=1&view=xml

Xmap nos permite instalarle nuevos plugins para que pueda identificar otro tipo de contenido de nuestra web, aparte de los artículos y los componentes que automáticamente reconoce.

También en la página principal del componente nos muestra las estadísticas de las visitas que han tenido nuestros sitemap (xml i el html).

Por último, indicaros que para poder  crear una página con el sitemap, se tiene que seguir el procedimiento habitual, de crear un nuevo ítem del menú y a éste indicarle que su contenido sea el ofrecido por el componente Xmap. El mapa web resultante se podrá modificar, evidentemente, con el uso de CSS.

Hemos hablado de componentes para la introducción de Google Maps en Joomla, formularios en Joomla…

En este post, hablaremos de uno de los componentes que para mí, y para cualquier usuario y programador de webs en Joomla, puede ser de gran utilidad. Se trata de  JoomlaPack.

Este componente de Joomla permite realizar unas tareas que son de gran importancia en la creación de páginas web:

• Copias de seguridad: tomar una imagen del estado actual de la web para prevenir problemas en el servidor y la posibilidad de ataques de hackers.
• Crear templates de la web: para poder exportar nuestra web y que otros usuarios puedan usar la estructura de la misma.
• Debugar las webs de los clientes: creando una imagen de la web del cliente e instalándola en un servidor local, para poder debugar y buscar fallos sin el problema de realizar cambios que afecten a la web que está en producción.
• Mover la web a un nuevo servidor.

Realizar backups de Joomla

Una vez instalado nuestro componente de JoomlaPack tal com ya hemos instalado todos los otros  componentes, estos son los pasos a seguir para la realización y la restauración de copias de seguridad en JoomlaPack.

Primero de todo, accederemos al componente, clicando en la web de administración en Componentes >> JoomlaPack. Las opciones que más usaremos son:

• En el apartado de configuración, se puede seleccionar el directorio de salida donde crear las copias de seguridad. También se indican el formato de salida de estas copias y el tipo de copia que queremos hacer, del sitio completo (ficheros y base de datos) o sólo la base de datos.
• En respaldar ahora, tendremos la opción de realizar la copia de seguridad del sitio Joomla; se podrá introducir una breve descripción de la copia. Una vez que la iniciemos, el proceso de creación de la copia puede durar unos minutos.
• Tenemos la opción de administrar los ficheros de las copias de seguridad. Desde esta opción podremos bajar las copias de seguridad a nuestro disco.

Restaurar un backup de Joomla

Una vez descargada la copia de seguridad, observaremos que el archivo consiste en una copia de todas las carpetas, además de la copia de la base de datos. Después iniciaremos el contenido del archivo descargado a nuestro servidor.

Ahora si accedemos a la url donde hemos copiado estos datos, veremos un instalador que se asemeja bastante al instalador de Joomla. Tan solo tendremos que ir introduciendo los datos que nos van solicitando.

Joomfish no es un traductor y tan solo permite manejar más fácilmente los idiomas en nuestro sitio.

Instalación y Configuración

La instalación de este componente se realiza como cualquier otro componente, descargando, primero de todo, el archivo de instalación, desde la web oficial del componente y después instalándolo desde la administración del sitio Joomla. Una vez que instalamos el componente se instala también el módulo de la extensión.

Joomfish funciona con los idiomas que tengamos instalados en nuestro sitio Joomla, o sea, que si queremos añadir más idiomas, también tendremos que ampliar los idiomas, añadiendo el pack del idioma deseado al sitio Joomla. Una vez instalados los idiomas deseados para nuestra web tenemos que activar en (Componentes->JoomFish->Idiomas) los idiomas que queramos mostrar en nuestra web.

Antes de empezar a usar y a administrar las traducciones con JoomFish, está recomendado tener la estructura de la página hecha. Una vez hecho esto, primero haremos las traducciones de la parte estática de la web y luego de la dinámica (noticias,etc).

Lo primero que haremos es traducir los menús de nuestra web. Para poder hacerlo, seleccionaremos en el menumanager de Joomla el menú que queremos traducir, y después  seleccionaremos el idioma al que queramos traducir en un “combobox” situado en la parte superior de la web de administración. Nos aparecerá la ventana de traducción, allí veremos el texto original del menú, y tendremos los campos vacíos que tendremos que llenar con la traducción; para finalizar tendremos que  publicar la traducción y guardar, porque si no, no nos aparecerá en nuestra web.

Seguidamente, tendremos que empezara traducir del mismo modo el resto de contenido de nuestra web. Con los artículos haremos lo mismo, seleccionando el artículo a traducir y el idioma al que queramos traducirlo y luego, rellenando los campos de la traducción tal como deseemos. También podemos traducir los módulos de la misma manera.

Existe también la posibilidad de realizar las traducciones de otra manera. Podemos ir a (Componentes->JoomFish->Translation); una vez aquí, seleccionamos desde otro desplegable el idioma al que queramos hacer las traducciones  y los elementos que queramos mostrar, seleccionamos uno y hacemos su traducción de la misma manera como se ha explicado anteriormente.

Es lo que se le llama “portfolio” o portafolio. Un ejemplo claro, es nuestro propio portafolio de webs que hemos creado y que queremos mostrar. En él se puede mostrar el recopilatorio de las webs creadas y después, una vez accedamos a la página de cada ítem, una descripción más extendida de la misma y a su vez, imágenes relacionadas con cada web.

Hay que recordar que la manera de mostrar el portafolio en la web se puede modificar, como en todos los casos, mediante hojas de estilo.

Instalación y configuración

La instalación del componente de Joomla para la creación del portafolio es muy sencilla, y hay que seguir los mismos pasos que en la instalación del resto de extensiones de Joomla. El componente lo podemos descargar desde la web del creador del componente.

Una vez tengamos instalado el componente aparecerá, como sucede con todos los otros componentes, en la pestaña de componentes en la parte de administración de la web en Joomla.

Desde la pantalla principal, podremos observar los ítems que ya hayamos añadido a nuestro portfolio, la categoría a la que pertenecen y su estado actual (si están publicados o no); también podemos establecer el orden en el que los ítems aparecerán en la página (por si queremos mostrar uno antes que otro).

Si clicamos en la pestaña de categorías, desde allí tendremos la opción de añadir nuevas categorías. En la creación de cada una de ellas, podremos añadir una descripción de la misma y imágenes que aparecerán en la web.

Una vez creadas las categorías, y si clicamos en la pestaña de ítems, podremos empezar a añadir los objetos deseados. En la creación de los ítems, podemos añadir la descripción del mismo, la URL, las tecnologías usadas y muchas más características de los proyectos que queremos mostrar. Además podremos añadir las imágenes de los proyectos; la imagen principal y otras que también queramos mostrar.

Finalmente, en la pestaña de configuraciones, podemos configurar la manera como queremos mostrar nuestro portafolio (página de categorías, página de cada ítem…). Seleccionaremos qué datos queremos mostrar o también el tamaño de las imágenes.

Vista del componente

En las siguientes capturas se puede observar cómo se muestran los proyectos que hemos añadido en la parte de administración, en la vista conjunta, donde aparecen todos los proyectos, y en la vista donde se muestra las características y las imágenes de cada uno de ellos.

Una de las extensiones más usadas en Joomla! que nos permiten añadir este tipo de mapas es SVMAP. Esta extensión permite ser usada como componente y como plugin. Sus funcionalidades son:

Configuración del Componente

Primero de todo, tenemos que descargar el componente desde sus web, y una vez descargado, instalarlo como todas las otras extensiones de Joomla! (Click en el logo para descargar)

Una vez el componente está instalado en Joomla, el icono de SVMAP aparece en la lista de componentes. Primero hay que ir a la pestaña de “Configuración” para configurar el componente.

Para poder usar Google Maps en nuestro sitio necesitaremos una “Google API Key” que podemos conseguir en http://code.google.com/apis/maps/signup.html . La “key” obtenida se ha de copiar en el primer campo de la configuración.

Ahora ya podemos ir a la pestaña de negocios y empezar a añadir localizaciones a mostrar en el mapa. Allí introduciremos el nombre, la dirección y otros datos del sitio; el componente obtendrá con la dirección, los componentes de latitud y longitud donde está situado el negocio.  Los datos extras añadidos se mostraran como información suplementaria en la etiqueta del sitio añadida en el mapa de Google Maps.

En la pestaña de Miembros podremos configurar la lista de miembros asociados a los negocios añadidos anteriormente. Una vez creado un miembro podemos relacionarlo con uno o más negocios.

La pestaña Opciones nos permite especificar una lista de atributos extras que definan los negocios añadidos. Estas nuevas opciones podrán ser seleccionadas una vez creemos nuevos negocios o editemos los creados anteriormente.

En la última pestaña de Markers podremos añadir indicadores para mostrar nuestros negocios diferentes a los que vienen por defecto en el componente.

Vista del componente

Resultado final del componente, con el mapa de google maps creado, mostrando dos negocios y en la parte de abajo un formulario para poder crear la ruta hasta uno de los negocios.

• Permite usar hojas de estilo CSS, con lo que podremos modificar el aspecto de los formularios, para poderlos acoplar visualmente a nuestra web.
• Incluye “Imageverification”, con lo que evitaremos el uso abusivo de nuestro formulario.
• Nos permite ejecutar código PHP con el envío de los datos de los formularios y además nos permite cargar archivos.

Pasos a seguir para la instalación

Primero de todo, tenemos que descargar el componente desde sus web, y una vez descargado, instalarlo como todas las otras extensiones de Joomla!

Cuando lo tengamos instalado, entraremos en el apartado de configuración del componente.

Allí podremos empezar a diseñar nuestro primer formulario seleccionando Form Wizard
Desde aquí diseñaremos el formulario, agregaremos los correos donde se enviarán los datos de los formularios y el formato de presentación que tendrá el texto que se envíe a través del formulario.  También pondremos el nombre del formulario. Chronoforms nos permite añadir en nuestros formularios todos los compontes típicos de los formularios HTML.

Una vez creado nuestro formulario, podemos modificarlo desde la parte del componente donde podemos observar el código creado; desde aquí también observaremos el nombre de los “inputs” creados; tendremos que usar el mismo nombre de los campos del formulario en los campos de nuestra tabla creada en la base de datos  si queremos almacenar los datos introducidos en los formularios.

Para activar el formulario creado debemos guardar los cambios, luego en la pantalla principal de Chrono Forms, hacer clic en el nombre del formulario o marcar la casilla del formulario y hacer clic en el botón editar.

Publicar Formulario.
Para publicar el formulario en nuestro sitio web joomla, creamos un Ítem de Menú apuntando a Chrono Forms, le ponemos un nombre y en el campo Form name el nombre del formulario que hemos creado anteriormente.

Yasabemos que Joomla! Permite la instalación de gran número de componentes, módulos y plugins que nos permitirán agregar características especiales a las webs que deseamos crear.

El componente por excelencia para la creación de tu propia tienda virtual en Joomla es VirtueMart. VirtueMart está  escrito  en PHP y necesita una base de datos MYSQL para almacenar los datos.

VirtueMart está desarrollado y distribuido bajo la  licencia GNU/GPL, lo que conlleva que tenga detrás una gran comunidad de usuarios. De esta manera las mejoras del componente y nuevas características ven la luz de forma continuada.

Entre las características más importantes de VirtueMart se pueden destacar:

• VirtueMart se puede emplear como tienda o como catálogo, simplemente mostrando los artículos.
• Permite manejar una ilimitada cantidad de Productos y de Categorías de Productos (incluyendo compra de material digital por ej.: canciones, etc.)
• Cada producto incluye una descripción corta y una detallada.
• Se puede importar o exportar la información de los productos desde y hacia archivos CSV (texto separado por comas), que son 100 %compatibles con Microsoft Excel y OpenOffice.org.
• Manejo de distintas monedas, impuestos y países.
• Se puede definir Ofertas para destacar productos.
• Control de Stock.
• Administración on-line, mediante una interfaz simple y amigable.
• Avanzado sistema de estadísticas e informes, con la más completa información sobre los productos, los pedidos, los clientes, etc.
• Control de estado de cada pedido.
• Cada cliente tiene su propia cuenta, posibilitando el trato personalizado y directo con el cliente, y simplificando la gestión de los pedidos y el control de las distintas transacciones.
• Admite diversos métodos de pedido, de pago y de envío de los productos, por ejemplo: UPS, USPS, Canadá Post Shipping, PayPal, Worldpay, PayMate y también permite el pago mediante tarjetas de crédito.
• VirtueMart  enviara automáticamente un email al comprador y a la administración de la tienda con la  confirmación del pedido, este email es totalmente personalizable.
• Permite la posibilidad de mejorar el propio componente con extensiones disponibles en su pagina web oficial.
• Para la seguridad en las transacciones VirtueMart  emplea el protocolo SSL, con un nivel de encriptación de 128 bits.

La manera de instalar-lo es igual a la de cualquier otro componente o módulo de Joomla! Al ser un componente nos aparecerá una nueva pestaña en la configuración de Joomla! donde podremos configurar todas las características de Virtuemart.

Las nominaciones estarán abiertas hasta el próximo 11 de septiembre. Posteriormente, el voto final entre los cinco candidatos se realizará el 18 de septiembre.
Sin duda, ha sido un buen año para Joomla, con las de 11 millones de descargas del CMS.

En los premios también se premiarán a las mejores extensiones, propuestas por cada uno de los CMS,