Problema visualizan...
 
Avisos
Vaciar todo

Problema visualizando atributos en el detalle del producto

7 Respuestas
4 Usuarios
0 Reactions
1,353 Visitas
Lluis
Respuestas: 9
Active Member
Topic starter
 

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
David Noguera
Respuestas: 4433
Miembro
 

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
Lluis
Respuestas: 9
Active Member
Topic starter
 

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
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

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
Lluis
Respuestas: 9
Active Member
Topic starter
 

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
Lluis
Respuestas: 9
Active Member
Topic starter
 

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
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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