Modificar plantillas en Joomla
Ratio: 5 / 5
El mundo de las plantillas en Joomla es impresionante, las plantillas son las encargadas de mostrar algo de una forma u otra. En Joomla tiene muy bien separado la parte visual de la operativa, tanto en parte front-end como en la administrativa, así es que podemos utilizar plantillas para la parte administrativa y front-end.
Saber que tiene mas importancia en nuestra web, si la plantilla o el componente, lleva años debatiendose entre cafes de desarrolladores, un ejemplo claro es esté debate abierto en Podcast de Mastermind Joomla:¿ Quién pinta en Joomla ?
:-) buenisímo
Hay un sinfín de sitios para descargar plantilla e incluso frameworks que son extensiones que nos confeccionan la plantilla de una forma más interactiva.
Algunos proveedores de plantillas y creadores frameworks:
- Theme de ThemeForest
- RocketTheme
- Joomlart
- Gantry framework
- Helix Ultimate de Joomshaper
- Wright v3 de Joomlashack
- JA T3 de joomlart
- Warp7 de Yootheme
- Meet Gavern de Gavick
Yo personalmente los frameworks de plantillas los descarto, ya que generan código innecesario y hacen la web a veces muy pesadas.
Estos seguro ya os paso alguna vez:
Te pones a buscar plantillas o framework y encuentras alguna interensante y que te gusta, luego la instalas, te pone hacer cambios y pruebas, pero al poco o mucho tiempo te das cuenta que no es exactamente lo que buscas y da mucho trabajo cambiar las cosas, la descartas.
La rueda vuelve a empezar. vuelves a buscar plantilla para ese proyecto web.
Nosotros ya dejamos esa rueda, por ello optamos por modificar plantillas básica y sencillas , que suelen ser la menos complejas de añadir o quitar funcionalidades, de realizar cambios para adaptarlas a nuestras necesidades.
Modificar una plantilla de Joomla
Modificar una plantilla Joomla suele ser una tarea bastante sencilla. Lo primero que debemos hacer es conocer a fondo todas las posibilidades que nos da esa plantilla, opciones y configuraciones, si estas no llegan entonces con un poco de conocimiento php, html y css, nos ponemos a cambiarla y asi la ponemos a nuestro gusto.
Si te va introducir en cambiar plantillas te recomiendo principalmente la lectura de los documentos oficiales de Joomla:
- Magazine Joomla - Como modificar una plantilla HTML/CSS
- Joomla Documentación - Modificar una plantilla de Joomla !
Añadir un modulo a una extensión / componente de Joomla
Imaginaros queréis añadir un modulo a una extensión o componente de Joomla , pero no queréis y no debéis cambiar el código de ese componente, pues podéis hacerlo en vuestro override de la plantilla de ese componente/ extensión.
Por ejemplo nosotros queremos poner en un modulo en el formulario que trae componente contactos antes del botón de enviar ( añadir una clausula de privacidad, por ejemplo ). Pues hacemos los siguiente:
- Creamos un modulo tipo personalizado con el texto y le ponemos una posición única (nombre nuestra posición por ejemplo "clausula_contacto"), es decir que no se utilice en ninguna de la plantillas que tenemos instaladas.
- Añadimos el código en el override de ese componente en la plantilla que utilizas.
El ejemplo del código php para insertar en plantilla, sería:
Crear plantillas para virtuemart
El objetivo es tener claro que hace cada fichero de la vista user de virtuemart para poder montar a nuestro en la plantilla que utilicemos en :
/templates/nuestraplantilla/html /virtuemart/user/
Overrides de views de Virtuemart
La vista user de virtuemart utiliza los siguiente ficheros:
- user/edit
- user/edit_shopper
- user/edit_vmshopper
- user/edit_address
- user/edit_address_userfields
- user/edit_address_addshipto
Fichero user/edit
Este fichero debería ser el que cargue primero siempre al editar cuando estamos tratando datos de usuario de virtuemart, pero no es así, ya que este fichero no se llega siempre, solo se llega:
- Desde el Item de menu "Muestra el mantenimiento de la cuenta del cliente".
- A la hora de hacer registros usuarios nuevos, si lo hace Virtuemart. (al instalar virtuemart en el plugin "VM Framework Loader" viene por defecto )
- Desde botton o link que "nueva dirección" dentro de la fichero edit_address_addshipto
Hay que tener en cuenta que el registro de un usuario nuevo se puede realizar desde un item de menu (normalmente) o desde el propio carro, desde el boton "Añadir/Editar información de facturación", lógicamente cuando no esta identificado y no se permite la compra como invitado.
Configuración de virtuemart
Introduccion general de configuración
Una vez instalado virtuemart debes ir al CPANEL de virtuemart en parte administrativa de tu Joomla para configuración, en los apartado:
- Tienda
- Configuración
La configuración ya predeterminada por defecto, pocas cosas debes cambiar, eso si quieres cambiarlas fíjate en todas la opciones que tiene, ya que en cada apartado tienes varias pestañas.
Configuración
Debes ir la opción de cpanel de virtuemart de configuración, al hacer clic ya puede ver las siguientes pestañas.
Pestañas configuración
Configuración Tienda
Esta opción se llega pulsado en tienda en cpanel.
Aquí puede poner el nombre la tienda, que va aparecer en los pdf.
También puede indicar el importe mínimo de compra.
Las monedas que aceptas y la moneda por defecto de la tienda.
La imagen que aparece en pdf.
Tiene varios campos para meter una descripción de la tienda, otra para términos de servicio y otra informacion legal.
Metadatos
Yo todas estas opciones que están la pestaña Vendedor, realmente solo pongo Nombre del vendedor , Nombre de la tienda , imagen y asigno monedas.
El resto de campos los gestión a parte con artículos y los muestro yo.
La pestaña de Facturas/Emails es donde puede configurar los pdf que envías, pero realmente tampoco los utilizo suelo hacer overide en mi plantilla para montarlo.
Luego tiene la pestaña comprador, suelo cubrir los datos dirección,ya que son los pone como vendedor también.
Realmente despista un poco estas pestañas, pero si entiendes que el vendedor también puede ser comprador, te es mas fácil de comprender.
Estas son las pestañas que puedes encontrar en esta opción, que ya comente.
Si quieres ver la documentación original puede verlo en: http://docs.virtuemart.net/manual
En configuración debemos indicar las ruta segura donde virtuemart va guardar los pdf de los pedidos, albaranes y facturas.
¿ Registro de usuarios de virtuemart o de Joomla ?
Por defecto virtuemart trae marcado que la gestion de usuarios sea realizada por virtuemart.
Hace años era lo habitual, yo creo que hoy en día con el componente que trae joomla de GPR , es conveniente cambiar esta opción por que controle el registro de usuarios Joomla.
¿ Donde podemos cambiar control de registros de virtuemart?
Optimizar Imagenes
El tratamiento de imagenes para mi siempre es un trastorno
Vamos indicar como optimizar imágenes para utilizar en el desarrollo web, imágenes que no pierdan la calidad, que pesen poco, sin cambiar el tamaño de la foto.Hoy en día hay muchas herramientas para tratar imagenes, por ello hacemos este post para definir cuales utilizamos y cuales fuimos descartando.
También pondremos programas que utilizamos para tratar imagenes, simpre que sean sencillos y que pueda tratar varias imagenes a la vez.
Herramientas gráficas para optimizar imagenes.
Herramientas online como tinypng , son ideales para optimizar imagenes de forma sencilla sin necesidad de tener nada instalado en nuestro ordenador.
TinyPng
Para nosostros es una de las mejores aplicaciones web para optimizar imagenes, muy facil y sencilla de utilizar. Tiene una limitación de MG y ficheros para el servicio gratuito.
Reduce el peso de las imagenes de una forma considerable, sin perder nada calidad, hay pocos aplicaciones online y incluso de escritorio que lo superan,
Gimp
Este programa es una herramienta open source para tratamiento de imagenes. A la hora ver los resultado de como comprime, es impresionate, consigue incluso mejores resultados que tinypng.
A la hora guardar la imagen ( exporta como) si es una imagen jpg no permite configurar la compresion y que datos poner.
Página 3 de 4