templates de virtuemart y joomla 1.5  

 
Francesc
 Francesc
Usuario eminente

Buenos días,

Queremos cambiar el diseño del carrito de compra. Acutalmente el diseño es muy pobre. Son los pasos de chekout. La plantilla que tenemos es muy básica en ese aspecto.

Que archivos de la plantilla son los que deberíamos modificar? son de la plantilla de la web o son del módulo virtuemart.

NEcesitamos saber que archivos son para modificar el diseño o directamente substituirlo por otro que nos guste más de otra plantilla.

Gracias,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 30/10/2012 11:40 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Las pantallas del proceso de compra de Virtuemart 1.1 se cargan en dos partes: una para la caja con el resumen de compra y otra para el resto de contenidos.

Los archivos a modificar para la información del resumen de compra estarían en la ruta components/com_virtuemart/themes/NOMBRE_TEMA/templates/basket mientras que el resto de archivos que se usan para montar el resumen de compra estarían en la ruta components/com_virtuemart/themes/NOMBRE_TEMA/templates/checkout en donde NOMBRE_TEMA es el nombre del tema de Virtuemart que estés utilizando.

ResponderCitar
Respondido : 30/10/2012 12:35 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Francesc
 Francesc
Usuario eminente

gracias. Pero he instalado otros temas de virtuemart i sólo me cambia el diseño de la vista de producto o de las categorias pero no el de los templates que comentas del proceso de compra.

En cambio si pongo otra plantilla en toda la web en gestor de plantillas, si que se cambia el diseño, por ejemplo, salen los menus con fondo en negro, etc.

Dónde están esos archivos que tratan el diseño de los pasos de compra? no entiendo porque al poner otro tema de vm sigue apareciendo todo igual!!!

Gracias.

ResponderCitar
Respondido : 31/10/2012 7:49 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Un tema de Virtuemart 1.1 cuenta con muchas partes y con la instalación del nuevo tema no se modifican todos los apartados del diseño de la tienda, sino que es posible que solo se apliquen cambios en ciertas partes de la misma.

Modificando los archivos que te he indicado se puede cambiar diversos aspectos en el proceso de compra.

Ahora bien, tienes que tener en cuenta que la propia plantilla de Joomla que estás utilizando puede influenciar en el propio aspecto de proceso de compra, ya que la plantilla incluye CSS que afectan a toda la web en su conjunto.

Usando el Firebug (en el foro hemos hablado muchas veces sobre él) podrías tratar de averiguar qué estilos CSS se aplican en cada parte del proceso de compra.

ResponderCitar
Respondido : 31/10/2012 12:21 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Francesc
 Francesc
Usuario eminente

Bunos días,

Retomando este tema, si lo único que queremos es modificar el diseño de las tablas sin modificar campos, posiciones, botones ni nada de eso, el fichero a editar es:

components/com_virtuemart/themes/NOMBRE_TEMA/templates/theme.css ???

Gracias.
Fran.

ResponderCitar
Respondido : 13/11/2012 9:34 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El archivo que indicas es la hoja de estilos del tema de Virtuemart que estés usando. Si aplicas nuevos estilos o modificaciones aquí podrás cambiar el aspecto de la tienda, incluidas las tablas que quieras cambiar.

Es posible que en función del cambio que quieras realizar estos no se puedan hacer en los estilos CSS. Por ejemplo, si quieres fijar un ancho distinto para cada columna lo tendrás que hacer en la plantilla que cargue la tabla en cuestión.

ResponderCitar
Respondido : 13/11/2012 12:08 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Francesc
 Francesc
Usuario eminente

gracias, adjunto un fichero de como aparece ahora mismo el carrito y como aparece con otro tema que está en inglés.
La idea es dejar todo igual al original y poner el formato de las tablas del segundo tema, ya que sólo queremos mejorar el diseño, sin tocar el contenido.

Me puedes indicar qué lineas debemos copiar del segundo modelo en el modelo estandar?

Gracias!
Fran.

ResponderCitar
Respondido : 13/11/2012 2:50 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Lo que quieres conseguir puede ser bastante complicado, ya que se mezclan estilos de dos temas de Virtuemart distintos.

En principio, las plantillas que construyen estas tablas se encuentran en la ruta components/com_virtuemart/themes/NOMBRE_TEMA/templates/basket. Por lo tanto, se podría pensar que copiando los archivos de este directorio de un tema a otro el problema quedaría resuelto.

El problema está en que con toda probabilidad para este nuevo diseño de la tabla del carrito se están utilizando estilos CSS que están en el archivo components/com_virtuemart/themes/NOMBRE_TEMA/templates/theme.css del tema que tienes en inglés. No puedes copiar el archivo theme.css en el primer tema porque afectaría al resto del diseño de la tienda, por lo que habría que coger solo una parte y eso, en cualquier caso, podría afectar a otras partes de la tienda.

Usando el Firebug podrías tratar de averiguar los estilos CSS que se aplican en concreto para tratar de ponerlos en el archivo theme.css y ver si así funciona. Antes de hacer cambios en este archivo haz una copia de seguridad del mismo.

Para futuras ocasiones, es preferible que las capturas de pantalla las envíes directamente con imágenes (formato jpg, gif o png) en lugar de ponerlas en un documento de Word, ya que las imágenes dentro del documento se ven demasiado pequeñas y no se aprecian todos los detalles.

Para realizar una captura de pantalla puedes emplear las siguientes opciones en función del sistema operativo que utilices:

Windows: - La forma más rápida es pulsado la tecla "Impr-Pant" (habitualmente en la parte superior derecha del teclado) o en ordenadores portátiles "fn"+"impr-pant" lo que genera una captura de la pantalla actual en la memoria de su PC. Posteriormente debe abrir un programa de gestión de imágenes, Paint, Photoshop, etc., crear un documento "Nuevo" y pegar la captura desde el menú "Edición" -> "Pegar" o utilizando la combinación de teclas: "Control"+"V". Posteriormente guardar la captura preferiblemente en formato ".jpg".

En la medida de lo posible trata de evitar incrustar capturas en documentos de Word ya que la perdida de resolución es grande y dificulta la correcta visualización de la imagen.

Mac: - Pulsar la combinación de teclas "cmd"+"Shift"+"3 para capturas de pantalla completa o "cmd"+"Shift"+"4" para seleccionar una zona a capturar.

Linux: - Pulsar la tecla "Impr-Pant" (habitualmente en la parte superior derecha del teclado). Eso abrirá una ventana con la imagen capturada con las opciones de "Copiar al portapapeles" o "Guardar" como archivo .png (por defecto).

También puedes utilizar algunas de estas extensiones para Firefox y Chrome que te permiten realizar capturas de "área visible", "página completa" o "área seleccionada" y guardar las capturas directamente en formato .jpg o .png:

- ScreenGrab Firefox: https://addons.mozilla.org/es-ES/firefox/addon/1146/
- ScreenGrab Chrome: https://chrome.google.com/extensions/detail/mdddabjhelpilpnpgondfmehhcplpiin?hl=es-ES

ResponderCitar
Respondido : 13/11/2012 3:27 pm

Cursos Gratuitos WordPress

Francesc
 Francesc
Usuario eminente

Como bien dices, es bastante complicado ya que son demasiados archivos. He intentado copiar directamente pero no es la solución. Finalmente, he creado una copia del tema por defecto y estoy cambiando un poco el diseño para hacerlo mejor.

Por ahora he conseguido poner un poco de diseño en el basket (foto1) y el paso 1 del checkout está más o menos bien (foto 2).

El primer problema lo encuentro en la Foto 3, ya que no sé qué fichero debo tocar o como lo debo tocar para poner el color azul en el texto Seleccione Metodo de Envio. Lo mismo me ocurre en la Foto 4. Qué archivos debo modificar?

Por último, en el último paso de la compra se pierde el formato de la tabla y tampoco sé que debo hacer para que mantenga el formato de los pasos anteriores.

Espero que me podáis ayudar al respecto. Más que nada, saber que archivos son los que debo modificar.

Muchas gracias!

ResponderCitar
Respondido : 15/11/2012 2:01 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Francesc,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

ResponderCitar
Respondido : 16/11/2012 11:38 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación