Avisos
Vaciar todo
Hola,
Tengo el pack de tienda con el template Yourshop, joomla 1.5.25 y VM 1.1.9.
En algunos productos, necesito añadir hasta 3 atributos extra: codificación (si el cliente desea que el chip que vendo le llegue codificado o sin codificar), Acabado (mate o brillante) y Personalización (SI/NO).
El problema que tengo es que a partir del segundo atributo, cuando voy a visualizar el detalle del producto los veo alineados uno detrás de otro y el tercer atributo me queda cortado:
Además, el problema más grande es que en algunos artículos voy a necesitar hasta 5 atributos.
¿Cómo puedo hacer para que en vez de listados en una única línea se presenten cada uno de los atributos en una línea diferente, uno debajo del otro?
Gracias
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 03/01/2013 1:26 pm
Hola Lluis, pon la URL donde se pueda ver el problema que tienes para que te digamos. Se trata de VirtueMart 1.1 o VirtueMart 2??
Se trata de un problema de personalización de la página de detalle de productos, pero necesitamos saber que versión de VM tienes..
Saludos
Respondido : 03/01/2013 4:16 pm
Hola David,
Tal y como especifico en mi primer mensaje "Tengo el pack de tienda con el template Yourshop, joomla 1.5.25 y VM 1.1.9."
Puedes ver el producto de prueba que me descuadra tanto en la imagen que te he adjuntado como visitando este enlace: http://www.nfc-house.com/tienda/adhesivos-nfc/adhesivo-nfc-rectangular-ntag203-preimpreso
Gracias
Respondido : 03/01/2013 6:02 pm
Hola Lluis,
He visualizado con Firefox, e Internet Explorer y se visualiza bien. En Chrome se visualiza cortado.
Modificando CSS se visualiza correctamente, pero tienes que probar en los otros navegadores para ajustar después del cambio.
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:
-
Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/
Saludos
Respondido : 04/01/2013 8:19 am
Gracias por tu respuesta Jordi,
Si lo tengo claro, puedo modificar las CSS con un editor y probar en los diferentes navegadores. Si no me funciona, restauraré las CSS originales.
En el pantallazo que me adjuntas no me queda claro el cambio que debo hacer y dónde. Si bien parece que tengo que cambiar el width del 100% al 60%, no veo en qué archivo .css hacerlo ni en qué línea.
¿Podrías por favor aclarármelo?
Gracias
Respondido : 08/01/2013 10:58 am
Como prueba, he modificado el archivo vm.css y he añadido unos atributos a este producto: http://www.nfc-house.com/tienda/adhesivos-nfc-predise%C3%B1ados/adhesivo-nfc-ntag203-rectangular-55x85mm
Donde ponía .vmCartAttributes { /* Attributes Div*/ width:110%; }
He modificado .vmCartAttributes { /* Attributes Div*/ margin-top: 8px; width:60%; }
No me acaba de funcionar. En Chrome sigue mostrando todo en la misma línea y en firefox e IE me hace algo raro :
¿Alguna sugerencia, please?
Respondido : 08/01/2013 11:13 am
Hola Lluis
Creo que lo más conveniente es colocar cada elemento en una fila de esta manera deberás verlo correctamente, guiate de la imagen adjunta en donde se defiene un width:100%, adicionalmente puedes agregar un estilo de separación de los atributos con respecto a la caja de cantidad con el siguiente código que puedes colocar en cualquiera de tus archivos CSS :
.vmCartChild{
margin-bottom:20px;
}
Saludos.
Respondido : 08/01/2013 7:14 pm
